Do not reference DOM types in public API for VirtualView (#53272)

Summary:
Pull Request resolved: #53272

Changelog: [internal]

`VirtualView` has been exposed as an unstable API in the `react-native` package but its public API is referencing the DOM APIs, which forces their definitions to also be public (but shouldn't because they haven't been released yet).

This replaces the reference with a reference to `HostInstance`, which will be updated to reference the DOM APIs when ready.

Reviewed By: yungsters

Differential Revision: D80254442

fbshipit-source-id: 254779c97c116ba08b6cc0c185906617ffd1269f

Author: rubennorte

packages/react-native/ReactNativeApi.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<2945ef6895f3b6ab1da15ac08a6ef3e7>>
+ * @generated SignedSource<<41ecf4d1ea640f43ef6f21ae5670d30f>>
  *
  * This file was generated by scripts/js-api/build-types/index.js.
  */
@@ -3195,7 +3195,7 @@ declare type ModalRefProps = {
 declare type ModeChangeEvent = Readonly<
   Omit<NativeModeChangeEvent, "mode"> & {
     mode: VirtualViewMode
-    target: ReadOnlyElement_default
+    target: HostInstance
   }
 >
 declare type Module = {}
@@ -6074,7 +6074,7 @@ export {
   ModalProps, // 3fb62261
   ModalPropsAndroid, // 515fb173
   ModalPropsIOS, // 6053cb61
-  ModeChangeEvent, // 0dc5e81f
+  ModeChangeEvent, // 0d79bb94
   MouseEvent, // d432147f
   NativeAppEventEmitter, // b4d20c1d
   NativeColorValue, // d2094c29

packages/react-native/src/private/components/virtualview/VirtualView.js

@@ -10,7 +10,7 @@
 
 import type {ViewStyleProp} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {NativeSyntheticEvent} from '../../../../Libraries/Types/CoreEventTypes';
-import type ReadOnlyElement from '../../webapis/dom/nodes/ReadOnlyElement';
+import type {HostInstance} from '../../types/HostInstance';
 import type {NativeModeChangeEvent} from './VirtualViewNativeComponent';
 
 import StyleSheet from '../../../../Libraries/StyleSheet/StyleSheet';
@@ -44,7 +44,7 @@ export type Rect = $ReadOnly<{
 export type ModeChangeEvent = $ReadOnly<{
   ...Omit<NativeModeChangeEvent, 'mode'>,
   mode: VirtualViewMode,
-  target: ReadOnlyElement,
+  target: HostInstance,
 }>;
 
 type VirtualViewComponent = component(
@@ -92,8 +92,8 @@ function createVirtualView(
           ? null
           : onModeChange.bind(null, {
               mode,
-              // $FlowFixMe[incompatible-cast]
-              target: event.currentTarget as ReadOnlyElement,
+              // $FlowFixMe[incompatible-type] - we know this is a HostInstance
+              target: event.currentTarget as HostInstance,
               targetRect: event.nativeEvent.targetRect,
               thresholdRect: event.nativeEvent.thresholdRect,
             });