react-native-windows 0.84.0 → 0.85.0-preview.1

package/jest/mocks/RendererProxy.js

@@ -10,7 +10,7 @@
 
 // In tests, we can use the default version without dependency injection.
 
-import typeof * as TRendererImplementation from '../../Libraries/ReactNative/RendererImplementation';
+import typeof * as TRendererImplementation from 'react-native/Libraries/ReactNative/RendererImplementation';
 
 const {
   dispatchCommand,
@@ -26,7 +26,7 @@ const {
   unmountComponentAtNodeAndRemoveContainer,
   unstable_batchedUpdates,
 } = jest.requireActual<TRendererImplementation>(
-  '../../Libraries/ReactNative/RendererImplementation',
+  'react-native/Libraries/ReactNative/RendererImplementation',
 ) as TRendererImplementation;
 
 export {

package/jest/mocks/ScrollView.js

@@ -8,14 +8,14 @@
  * @format
  */
 
-import typeof TScrollView from '../../Libraries/Components/ScrollView/ScrollView';
-import type {ScrollViewNativeProps} from '../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
+import typeof TScrollView from 'react-native/Libraries/Components/ScrollView/ScrollView';
+import type {ScrollViewNativeProps} from 'react-native/Libraries/Components/ScrollView/ScrollViewNativeComponentType';
 
-import View from '../../Libraries/Components/View/View';
-import requireNativeComponent from '../../Libraries/ReactNative/requireNativeComponent';
 import * as React from 'react';
+import View from 'react-native/Libraries/Components/View/View';
+import requireNativeComponent from 'react-native/Libraries/ReactNative/requireNativeComponent';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
@@ -27,7 +27,7 @@ const RCTScrollView =
   requireNativeComponent<ScrollViewNativeProps>('RCTScrollView');
 
 const BaseComponent = mockComponent(
-  '../Libraries/Components/ScrollView/ScrollView',
+  'react-native/Libraries/Components/ScrollView/ScrollView',
   {
     ...MockNativeMethods,
     getScrollResponder: jest.fn(),

package/jest/mocks/Text.js

@@ -8,9 +8,9 @@
  * @format
  */
 
-import typeof TText from '../../Libraries/Text/Text';
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
+import typeof TText from 'react-native/Libraries/Text/Text';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
@@ -19,7 +19,7 @@ const MockNativeMethods = jest.requireActual<TMockNativeMethods>(
 ).default;
 
 const Text = mockComponent(
-  '../Libraries/Text/Text',
+  'react-native/Libraries/Text/Text',
   MockNativeMethods, // instanceMethods
   true, // isESModule
 ) as TText;

package/jest/mocks/TextInput.js

@@ -8,9 +8,9 @@
  * @format
  */
 
-import typeof TTextInput from '../../Libraries/Components/TextInput/TextInput';
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
+import typeof TTextInput from 'react-native/Libraries/Components/TextInput/TextInput';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
@@ -19,7 +19,7 @@ const MockNativeMethods = jest.requireActual<TMockNativeMethods>(
 ).default;
 
 const TextInput = mockComponent(
-  '../Libraries/Components/TextInput/TextInput',
+  'react-native/Libraries/Components/TextInput/TextInput',
   {
     ...MockNativeMethods,
     isFocused: jest.fn(),

package/jest/mocks/View.js

@@ -8,9 +8,9 @@
  * @format
  */
 
-import typeof TView from '../../Libraries/Components/View/View';
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
+import typeof TView from 'react-native/Libraries/Components/View/View';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
@@ -19,7 +19,7 @@ const MockNativeMethods = jest.requireActual<TMockNativeMethods>(
 ).default;
 
 const View = mockComponent(
-  '../Libraries/Components/View/View',
+  'react-native/Libraries/Components/View/View',
   MockNativeMethods, // instanceMethods
   true, // isESModule
 ) as TView;

package/jest/mocks/ViewNativeComponent.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import type {ViewProps} from '../../Libraries/Components/View/ViewPropTypes';
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
 
 import * as React from 'react';
 import {createElement} from 'react';

package/jest/mocks/requireNativeComponent.js

@@ -8,8 +8,8 @@
  * @format
  */
 
-import type {HostComponent} from '../../src/private/types/HostComponent';
 import typeof * as TmockNativeComponent from '../mockNativeComponent';
+import type {HostComponent} from 'react-native/src/private/types/HostComponent';
 
 const mockNativeComponent = jest.requireActual<TmockNativeComponent>(
   '../mockNativeComponent',

package/jest/mocks/useColorScheme.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import type {ColorSchemeName} from '../../Libraries/Utilities/NativeAppearance';
+import type {ColorSchemeName} from 'react-native/Libraries/Utilities/NativeAppearance';
 
 const useColorScheme = jest.fn(() => 'light') as JestMockFn<
   [],

package/jest/setup.js

@@ -86,55 +86,92 @@ try {
   });
 } catch {}
 
-// $FlowFixMe[incompatible-type] - `./mocks/AppState` is incomplete.
-mock('m#../Libraries/AppState/AppState', 'm#./mocks/AppState');
-mock('m#../Libraries/BatchedBridge/NativeModules', 'm#./mocks/NativeModules');
 mock(
-  'm#../Libraries/Components/AccessibilityInfo/AccessibilityInfo',
+  'm#react-native/Libraries/AppState/AppState',
+  // $FlowFixMe[incompatible-type] - `./mocks/AppState` is incomplete.
+  'm#./mocks/AppState',
+);
+mock(
+  'm#react-native/Libraries/BatchedBridge/NativeModules',
+  'm#./mocks/NativeModules',
+);
+mock(
+  'm#react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo',
   'm#./mocks/AccessibilityInfo',
 );
 mock(
-  'm#../Libraries/Components/ActivityIndicator/ActivityIndicator',
+  'm#react-native/Libraries/Components/ActivityIndicator/ActivityIndicator',
   'm#./mocks/ActivityIndicator',
 );
-mock('m#../Libraries/Components/Clipboard/Clipboard', 'm#./mocks/Clipboard');
 mock(
-  'm#../Libraries/Components/RefreshControl/RefreshControl',
-  // $FlowFixMe[incompatible-type] - `../Libraries/Components/RefreshControl/RefreshControl` should export a component type.
+  'm#react-native/Libraries/Components/Clipboard/Clipboard',
+  'm#./mocks/Clipboard',
+);
+mock(
+  'm#react-native/Libraries/Components/RefreshControl/RefreshControl',
+  // $FlowFixMe[incompatible-type] - `react-native/Libraries/Components/RefreshControl/RefreshControl` should export a component type.
   'm#./mocks/RefreshControl',
 );
-// $FlowFixMe[incompatible-exact] - `../Libraries/Components/ScrollView/ScrollView` is... I don't even.
-// $FlowFixMe[incompatible-type]
-mock('m#../Libraries/Components/ScrollView/ScrollView', 'm#./mocks/ScrollView');
-mock('m#../Libraries/Components/TextInput/TextInput', 'm#./mocks/TextInput');
-mock('m#../Libraries/Components/View/View', 'm#./mocks/View');
 mock(
-  'm#../Libraries/Components/View/ViewNativeComponent',
+  'm#react-native/Libraries/Components/ScrollView/ScrollView',
+  // $FlowFixMe[incompatible-exact] - `react-native/Libraries/Components/ScrollView/ScrollView` is... I don't even.
+  // $FlowFixMe[incompatible-type]
+  'm#./mocks/ScrollView',
+);
+mock(
+  'm#react-native/Libraries/Components/TextInput/TextInput',
+  'm#./mocks/TextInput',
+);
+mock('m#react-native/Libraries/Components/View/View', 'm#./mocks/View');
+mock(
+  'm#react-native/Libraries/Components/View/ViewNativeComponent',
   // $FlowFixMe[incompatible-type] - `./mocks/ViewNativeComponent` is incomplete.
   // $FlowFixMe[prop-missing]
   'm#./mocks/ViewNativeComponent',
 );
-mock('m#../Libraries/Core/InitializeCore', 'm#./mocks/InitializeCore');
-mock('m#../Libraries/Core/NativeExceptionsManager');
-mock('m#../Libraries/Image/Image', 'm#./mocks/Image');
-// $FlowFixMe[incompatible-type] - `./mocks/Linking` is incomplete.
-mock('m#../Libraries/Linking/Linking', 'm#./mocks/Linking');
-// $FlowFixMe[incompatible-type] - `../Libraries/Modal/Modal` should export a component type.
-mock('m#../Libraries/Modal/Modal', 'm#./mocks/Modal');
 mock(
-  'm#../Libraries/NativeComponent/NativeComponentRegistry',
+  'm#react-native/Libraries/Core/InitializeCore',
+  'm#./mocks/InitializeCore',
+);
+mock('m#react-native/Libraries/Core/NativeExceptionsManager');
+mock('m#react-native/Libraries/Image/Image', 'm#./mocks/Image');
+mock(
+  'm#react-native/Libraries/Linking/Linking',
+  // $FlowFixMe[incompatible-type] - `./mocks/Linking` is incomplete.
+  'm#./mocks/Linking',
+);
+mock(
+  'm#react-native/Libraries/Modal/Modal',
+  // $FlowFixMe[incompatible-type] - `react-native/Libraries/Modal/Modal` should export a component type.
+  'm#./mocks/Modal',
+);
+mock(
+  'm#react-native/Libraries/NativeComponent/NativeComponentRegistry',
   // $FlowFixMe[incompatible-type] - `./mocks/NativeComponentRegistry` should export named functions.
   'm#./mocks/NativeComponentRegistry',
 );
-// $FlowFixMe[incompatible-type] - `./mocks/RendererProxy` is incomplete.
-mock('m#../Libraries/ReactNative/RendererProxy', 'm#./mocks/RendererProxy');
 mock(
-  'm#../Libraries/ReactNative/requireNativeComponent',
+  'm#react-native/Libraries/ReactNative/RendererProxy',
+  // $FlowFixMe[incompatible-type] - `./mocks/RendererProxy` is incomplete.
+  'm#./mocks/RendererProxy',
+);
+mock(
+  'm#react-native/Libraries/ReactNative/requireNativeComponent',
   'm#./mocks/requireNativeComponent',
 );
-// $FlowFixMe[incompatible-type] - `./mocks/UIManager` is incomplete.
-mock('m#../Libraries/ReactNative/UIManager', 'm#./mocks/UIManager');
-mock('m#../Libraries/Text/Text', 'm#./mocks/Text');
-mock('m#../Libraries/Utilities/useColorScheme', 'm#./mocks/useColorScheme');
-// $FlowFixMe[incompatible-type]
-mock('m#../Libraries/Vibration/Vibration', 'm#./mocks/Vibration');
+mock(
+  'm#react-native/Libraries/ReactNative/UIManager',
+  // $FlowFixMe[incompatible-type] - `./mocks/UIManager` is incomplete.
+  'm#./mocks/UIManager',
+);
+mock('m#react-native/Libraries/Text/Text', 'm#./mocks/Text');
+mock(
+  'm#react-native/Libraries/Utilities/useColorScheme',
+  // $FlowFixMe[react-rule-hook-incompatible]
+  'm#./mocks/useColorScheme',
+);
+mock(
+  'm#react-native/Libraries/Vibration/Vibration',
+  // $FlowFixMe[incompatible-type]
+  'm#./mocks/Vibration',
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-windows",
-  "version": "0.84.0",
+  "version": "0.85.0-preview.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,33 +26,34 @@
     "@react-native-community/cli": "20.0.0",
     "@react-native-community/cli-platform-android": "20.0.0",
     "@react-native-community/cli-platform-ios": "20.0.0",
-    "@react-native-windows/cli": "0.84.0",
+    "@react-native-windows/cli": "0.85.0-preview.1",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.84.1",
-    "@react-native/codegen": "0.84.1",
-    "@react-native/community-cli-plugin": "0.84.1",
-    "@react-native/gradle-plugin": "0.84.1",
-    "@react-native/js-polyfills": "0.84.1",
-    "@react-native/new-app-screen": "0.84.1",
-    "@react-native/normalize-colors": "0.84.1",
-    "@react-native/virtualized-lists": "0.84.1",
+    "@react-native/assets-registry": "0.85.3",
+    "@react-native/codegen": "0.85.3",
+    "@react-native/community-cli-plugin": "0.85.3",
+    "@react-native/gradle-plugin": "0.85.3",
+    "@react-native/jest-preset": "0.85.3",
+    "@react-native/js-polyfills": "0.85.3",
+    "@react-native/new-app-screen": "0.85.3",
+    "@react-native/normalize-colors": "0.85.3",
+    "@react-native/virtualized-lists": "0.85.3",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
     "babel-jest": "^29.7.0",
-    "babel-plugin-syntax-hermes-parser": "0.32.0",
+    "babel-plugin-syntax-hermes-parser": "0.33.3",
     "base64-js": "^1.5.1",
     "chalk": "^4.0.0",
     "commander": "^12.0.0",
     "event-target-shim": "^5.0.1",
     "flow-enums-runtime": "^0.0.6",
     "glob": "^7.1.1",
-    "hermes-compiler": "250829098.0.9",
+    "hermes-compiler": "250829098.0.10",
     "invariant": "^2.2.4",
     "jest-environment-node": "^29.7.0",
     "memoize-one": "^5.0.0",
-    "metro-runtime": "^0.83.3",
-    "metro-source-map": "^0.83.3",
+    "metro-runtime": "^0.84.3",
+    "metro-source-map": "^0.84.3",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^29.7.0",
@@ -70,8 +71,11 @@
     "yargs": "^17.6.2"
   },
   "devDependencies": {
-    "@react-native-windows/codegen": "0.84.0",
-    "@react-native/metro-config": "0.84.1",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@react-native-windows/codegen": "0.85.0-preview.1",
+    "@react-native-windows/find-dotnet-tools": "0.85.0-preview.1",
+    "@react-native/metro-config": "0.85.3",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
     "@rnw-scripts/eslint-config": "1.2.38",
     "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.42",
@@ -81,27 +85,28 @@
     "@types/node": "^22.14.0",
     "@types/react": "^19.2.3",
     "eslint": "^8.19.0",
-    "flow-bin": "^0.295.0",
+    "flow-bin": "^0.303.0",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
     "prettier": "^3.6.2",
     "react": "19.2.3",
-    "react-native": "0.84.1",
-    "react-native-platform-override": "0.84.0",
+    "react-native": "0.85.3",
+    "react-native-platform-override": "0.85.0-preview.1",
     "react-refresh": "^0.14.0",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
+    "@react-native/jest-preset": "0.85.3",
     "@types/react": "^19.1.1",
     "react": "^19.2.3",
-    "react-native": "0.84.1"
+    "react-native": "^0.85.0"
   },
   "beachball": {
-    "defaultNpmTag": "latest",
+    "defaultNpmTag": "preview",
     "disallowedChangeTypes": [
       "major",
       "minor",
-      "prerelease",
+      "patch",
       "premajor",
       "preminor",
       "prepatch"

package/src/private/animated/NativeAnimatedHelper.js

@@ -103,7 +103,7 @@ function createNativeOperations(): NonNullable<typeof NativeAnimatedModule> {
     methodNames.push('connectAnimatedNodeToShadowNodeFamily');
   }
   const nativeOperations: {
-    [$Values<typeof methodNames>]: (...$ReadOnlyArray<unknown>) => void,
+    [Values<typeof methodNames>]: (...ReadonlyArray<unknown>) => void,
   } = {};
   if (isSingleOpBatching) {
     for (let ii = 0, length = methodNames.length; ii < length; ii++) {
@@ -406,7 +406,7 @@ function assertNativeAnimatedModule(): void {
 let _warnedMissingNativeAnimated = false;
 
 function shouldUseNativeDriver(
-  config: $ReadOnly<{...AnimationConfig, ...}> | EventConfig<unknown>,
+  config: Readonly<{...AnimationConfig, ...}> | EventConfig<unknown>,
 ): boolean {
   if (config.useNativeDriver == null) {
     console.warn(

package/src/private/animated/createAnimatedPropsMemoHook.js

@@ -24,32 +24,32 @@ type CompositeKey = {
   [string]:
     | CompositeKeyComponent
     | AnimatedEvent
-    | $ReadOnlyArray<unknown>
-    | $ReadOnly<{[string]: unknown}>,
+    | ReadonlyArray<unknown>
+    | Readonly<{[string]: unknown}>,
 };
 
 type CompositeKeyComponent =
   | AnimatedNode
-  | $ReadOnlyArray<CompositeKeyComponent | null>
-  | $ReadOnly<{[string]: CompositeKeyComponent}>;
+  | ReadonlyArray<CompositeKeyComponent | null>
+  | Readonly<{[string]: CompositeKeyComponent}>;
 
-type $ReadOnlyCompositeKey = $ReadOnly<{
-  style?: $ReadOnly<{[string]: CompositeKeyComponent}>,
+type $ReadOnlyCompositeKey = Readonly<{
+  style?: Readonly<{[string]: CompositeKeyComponent}>,
   [string]:
     | $ReadOnlyCompositeKeyComponent
     | AnimatedEvent
-    | $ReadOnlyArray<unknown>
-    | $ReadOnly<{[string]: unknown}>,
+    | ReadonlyArray<unknown>
+    | Readonly<{[string]: unknown}>,
 }>;
 
 type $ReadOnlyCompositeKeyComponent =
   | AnimatedNode
-  | $ReadOnlyArray<$ReadOnlyCompositeKeyComponent | null>
-  | $ReadOnly<{[string]: $ReadOnlyCompositeKeyComponent}>;
+  | ReadonlyArray<$ReadOnlyCompositeKeyComponent | null>
+  | Readonly<{[string]: $ReadOnlyCompositeKeyComponent}>;
 
 type AnimatedPropsMemoHook = (
   () => AnimatedProps,
-  props: $ReadOnly<{[string]: unknown}>,
+  props: Readonly<{[string]: unknown}>,
 ) => AnimatedProps;
 
 /**
@@ -62,14 +62,14 @@ export function createAnimatedPropsMemoHook(
 ): AnimatedPropsMemoHook {
   return function useAnimatedPropsMemo(
     create: () => AnimatedProps,
-    props: $ReadOnly<{[string]: unknown}>,
+    props: Readonly<{[string]: unknown}>,
   ): AnimatedProps {
     const compositeKey = useMemo(
       () => createCompositeKeyForProps(props, allowlist),
       [props],
     );
 
-    const prevRef = useRef<?$ReadOnly<{
+    const prevRef = useRef<?Readonly<{
       compositeKey: typeof compositeKey,
       node: AnimatedProps,
     }>>();
@@ -107,7 +107,7 @@ export function createAnimatedPropsMemoHook(
  * returns null.
  */
 export function createCompositeKeyForProps(
-  props: $ReadOnly<{[string]: unknown}>,
+  props: Readonly<{[string]: unknown}>,
   allowlist: ?AnimatedPropsAllowlist,
 ): $ReadOnlyCompositeKey | null {
   let compositeKey: CompositeKey | null = null;
@@ -160,8 +160,8 @@ export function createCompositeKeyForProps(
  * If `array` contains no `AnimatedNode` instances, this returns null.
  */
 function createCompositeKeyForArray(
-  array: $ReadOnlyArray<unknown>,
-): $ReadOnlyArray<$ReadOnlyCompositeKeyComponent | null> | null {
+  array: ReadonlyArray<unknown>,
+): ReadonlyArray<$ReadOnlyCompositeKeyComponent | null> | null {
   let compositeKey: Array<$ReadOnlyCompositeKeyComponent | null> | null = null;
 
   for (let ii = 0, length = array.length; ii < length; ii++) {
@@ -200,9 +200,9 @@ function createCompositeKeyForArray(
  * If `object` contains no `AnimatedNode` instances, this returns null.
  */
 function createCompositeKeyForObject(
-  object: $ReadOnly<{[string]: unknown}>,
+  object: Readonly<{[string]: unknown}>,
   allowlist?: ?AnimatedStyleAllowlist,
-): $ReadOnly<{[string]: $ReadOnlyCompositeKeyComponent}> | null {
+): Readonly<{[string]: $ReadOnlyCompositeKeyComponent}> | null {
   let compositeKey: {[string]: $ReadOnlyCompositeKeyComponent} | null = null;
 
   const keys = Object.keys(object);
@@ -355,6 +355,6 @@ function areCompositeKeyComponentsEqual(
 // this shim when they do.
 // $FlowFixMe[method-unbinding]
 const _hasOwnProp = Object.prototype.hasOwnProperty;
-const hasOwn: (obj: $ReadOnly<{...}>, prop: string) => boolean =
+const hasOwn: (obj: Readonly<{...}>, prop: string) => boolean =
   // $FlowFixMe[method-unbinding]
   Object.hasOwn ?? ((obj, prop) => _hasOwnProp.call(obj, prop));

package/src/private/components/virtualview/VirtualView.js

@@ -13,15 +13,14 @@ import type {NativeSyntheticEvent} from '../../../../Libraries/Types/CoreEventTy
 import type {HostInstance} from '../../types/HostInstance';
 import type {NativeModeChangeEvent} from './VirtualViewNativeComponent';
 
+import UIManager from '../../../../Libraries/ReactNative/UIManager';
 import StyleSheet from '../../../../Libraries/StyleSheet/StyleSheet';
-import * as ReactNativeFeatureFlags from '../../featureflags/ReactNativeFeatureFlags';
 import {useVirtualViewLogging} from './logger/VirtualViewLogger';
 import VirtualViewExperimentalNativeComponent from './VirtualViewExperimentalNativeComponent';
-import VirtualViewClassicNativeComponent from './VirtualViewNativeComponent';
+import VirtualViewProperNativeComponent from './VirtualViewNativeComponent';
 import nullthrows from 'nullthrows';
 import * as React from 'react';
-// $FlowFixMe[missing-export]
-import {startTransition, unstable_Activity as Activity, useState} from 'react';
+import {startTransition, useState} from 'react';
 
 // @see VirtualViewNativeComponent
 export enum VirtualViewMode {
@@ -37,24 +36,28 @@ export enum VirtualViewRenderState {
   None = 2,
 }
 
-export type Rect = $ReadOnly<{
+export type Rect = Readonly<{
   x: number,
   y: number,
   width: number,
   height: number,
 }>;
 
-export type ModeChangeEvent = $ReadOnly<{
+export type ModeChangeEvent = Readonly<{
   ...Omit<NativeModeChangeEvent, 'mode'>,
   renderState: VirtualViewRenderState,
   mode: VirtualViewMode,
   target: HostInstance,
 }>;
 
-const VirtualViewNativeComponent: typeof VirtualViewClassicNativeComponent =
-  ReactNativeFeatureFlags.enableVirtualViewExperimental()
-    ? VirtualViewExperimentalNativeComponent
-    : VirtualViewClassicNativeComponent;
+// If `VirtualView` exists and `VirtualViewExperimental` does not, that means
+// the new version was renamed to `VirtualView`. Eventually, this can be deleted
+// with a single remaining import of `VirtualViewNativeComponent`.
+const VirtualViewNativeComponent: typeof VirtualViewExperimentalNativeComponent =
+  UIManager.hasViewManagerConfig('VirtualView') &&
+  !UIManager.hasViewManagerConfig('VirtualViewExperimental')
+    ? VirtualViewProperNativeComponent
+    : VirtualViewExperimentalNativeComponent;
 
 type VirtualViewComponent = component(
   children?: React.Node,
@@ -150,17 +153,7 @@ function createVirtualView(initialState: State): VirtualViewComponent {
             : style
         }
         onModeChange={handleModeChange}>
-        {
-          match (ReactNativeFeatureFlags.virtualViewActivityBehavior()) {
-            'activity-without-mode' =>
-              <Activity>{isHidden ? null : children}</Activity>,
-            'activity-with-hidden-mode' =>
-              <Activity mode={isHidden ? 'hidden' : 'visible'}>
-                {children}
-              </Activity>,
-            'no-activity' | _ => isHidden ? null : children,
-          }
-        }
+        {isHidden ? null : children}
       </VirtualViewNativeComponent>
     );
   }

package/src/private/components/virtualview/VirtualViewExperimentalNativeComponent.js

@@ -18,7 +18,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-export type NativeModeChangeEvent = $ReadOnly<{
+export type NativeModeChangeEvent = Readonly<{
   /**
    * Virtualization mode of the target view.
    *
@@ -34,7 +34,7 @@ export type NativeModeChangeEvent = $ReadOnly<{
   /**
    * Rect of the target view, relative to the nearest ancestor scroll container.
    */
-  targetRect: $ReadOnly<{
+  targetRect: Readonly<{
     x: Double,
     y: Double,
     width: Double,
@@ -51,7 +51,7 @@ export type NativeModeChangeEvent = $ReadOnly<{
    *
    * This can be used to determine whether and how much new content to render.
    */
-  thresholdRect: $ReadOnly<{
+  thresholdRect: Readonly<{
     x: Double,
     y: Double,
     width: Double,
@@ -59,7 +59,7 @@ export type NativeModeChangeEvent = $ReadOnly<{
   }>,
 }>;
 
-type VirtualViewExperimentalNativeProps = $ReadOnly<{
+type VirtualViewExperimentalNativeProps = Readonly<{
   ...ViewProps,
 
   /**
@@ -67,6 +67,12 @@ type VirtualViewExperimentalNativeProps = $ReadOnly<{
    */
   initialHidden?: boolean,
 
+  /**
+   * This was needed to get VirtualViewManagerDelegate to set this property.
+   * TODO: Investigate why spread ViewProps doesn't call setter
+   */
+  removeClippedSubviews?: boolean,
+
   /**
    * Render state of children.
    *
@@ -79,18 +85,13 @@ type VirtualViewExperimentalNativeProps = $ReadOnly<{
    */
   renderState: Int32,
 
-  /**
-   * This was needed to get VirtualViewManagerDelegate to set this property.
-   * TODO: Investigate why spread ViewProps doesn't call setter
-   */
-  removeClippedSubviews?: boolean,
-
   /**
    * See `NativeModeChangeEvent`.
    */
   onModeChange?: ?DirectEventHandler<NativeModeChangeEvent>,
 }>;
 
+// TODO: Rename to eliminate "Experimental" suffix in the name.
 export default codegenNativeComponent<VirtualViewExperimentalNativeProps>(
   'VirtualViewExperimental',
   {