react-native-tvos 0.84.1-0 → 0.85.0-0

package/src/private/specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent.js

@@ -13,7 +13,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type AndroidHorizontalScrollContentViewNativeProps = $ReadOnly<{
+type AndroidHorizontalScrollContentViewNativeProps = Readonly<{
   ...ViewProps,
 
   removeClippedSubviews?: ?boolean,

package/src/private/specs_DEPRECATED/components/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -21,7 +21,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type AndroidSwipeRefreshLayoutNativeProps = $ReadOnly<{
+type AndroidSwipeRefreshLayoutNativeProps = Readonly<{
   ...ViewProps,
 
   /**
@@ -31,7 +31,7 @@ type AndroidSwipeRefreshLayoutNativeProps = $ReadOnly<{
   /**
    * The colors (at least one) that will be used to draw the refresh indicator.
    */
-  colors?: ?$ReadOnlyArray<ColorValue>,
+  colors?: ?ReadonlyArray<ColorValue>,
   /**
    * The background color of the refresh indicator.
    */

package/src/private/specs_DEPRECATED/components/AndroidSwitchNativeComponent.js

@@ -21,12 +21,12 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type AndroidSwitchChangeEvent = $ReadOnly<{
+type AndroidSwitchChangeEvent = Readonly<{
   value: boolean,
   target: Int32,
 }>;
 
-type AndroidSwitchNativeProps = $ReadOnly<{
+type AndroidSwitchNativeProps = Readonly<{
   ...ViewProps,
 
   // Props

package/src/private/specs_DEPRECATED/components/DebuggingOverlayNativeComponent.js

@@ -16,7 +16,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type DebuggingOverlayNativeProps = $ReadOnly<{
+type DebuggingOverlayNativeProps = Readonly<{
   ...ViewProps,
 }>;
 export type DebuggingOverlayNativeComponentType =
@@ -38,11 +38,11 @@ export type ElementRectangle = {
 interface NativeCommands {
   +highlightTraceUpdates: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
-    updates: $ReadOnlyArray<TraceUpdate>,
+    updates: ReadonlyArray<TraceUpdate>,
   ) => void;
   +highlightElements: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
-    elements: $ReadOnlyArray<ElementRectangle>,
+    elements: ReadonlyArray<ElementRectangle>,
   ) => void;
   +clearElementsHighlights: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,

package/src/private/specs_DEPRECATED/components/ProgressBarAndroidNativeComponent.js

@@ -18,7 +18,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type AndroidProgressBarNativeProps = $ReadOnly<{
+type AndroidProgressBarNativeProps = Readonly<{
   ...ViewProps,
 
   //Props

package/src/private/specs_DEPRECATED/components/PullToRefreshViewNativeComponent.js

@@ -21,7 +21,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type PullToRefreshNativeProps = $ReadOnly<{
+type PullToRefreshNativeProps = Readonly<{
   ...ViewProps,
 
   /**

package/src/private/specs_DEPRECATED/components/RCTInputAccessoryViewNativeComponent.js

@@ -14,7 +14,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type InputAccessoryNativeProps = $ReadOnly<{
+type InputAccessoryNativeProps = Readonly<{
   ...ViewProps,
   backgroundColor?: ?ColorValue,
 }>;

package/src/private/specs_DEPRECATED/components/RCTModalHostViewNativeComponent.js

@@ -18,11 +18,11 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type OrientationChangeEvent = $ReadOnly<{
+type OrientationChangeEvent = Readonly<{
   orientation: 'portrait' | 'landscape',
 }>;
 
-type RCTModalHostViewNativeProps = $ReadOnly<{
+type RCTModalHostViewNativeProps = Readonly<{
   ...ViewProps,
 
   /**
@@ -124,7 +124,7 @@ type RCTModalHostViewNativeProps = $ReadOnly<{
    * See https://reactnative.dev/docs/modal#supportedorientations
    */
   supportedOrientations?: WithDefault<
-    $ReadOnlyArray<
+    ReadonlyArray<
       | 'portrait'
       | 'portrait-upside-down'
       | 'landscape'

package/src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent.js

@@ -13,7 +13,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type RCTSafeAreaViewNativeProps = $ReadOnly<{
+type RCTSafeAreaViewNativeProps = Readonly<{
   ...ViewProps,
 
   // No props

package/src/private/specs_DEPRECATED/components/SwitchNativeComponent.js

@@ -21,12 +21,12 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type NativeSwitchChangeEvent = $ReadOnly<{
+type NativeSwitchChangeEvent = Readonly<{
   value: boolean,
   target: Int32,
 }>;
 
-type SwitchNativeProps = $ReadOnly<{
+type SwitchNativeProps = Readonly<{
   ...ViewProps,
 
   // Props

package/src/private/specs_DEPRECATED/components/UnimplementedNativeViewNativeComponent.js

@@ -14,7 +14,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type UnimplementedNativeViewNativeProps = $ReadOnly<{
+type UnimplementedNativeViewNativeProps = Readonly<{
   ...ViewProps,
   name?: WithDefault<string, ''>,
 }>;

package/src/private/specs_DEPRECATED/modules/NativeImageLoaderIOS.js

@@ -16,7 +16,7 @@ import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboMod
 export interface Spec extends TurboModule {
   +getConstants: () => {};
   // Return [width, height] of image uri
-  +getSize: (uri: string) => Promise<$ReadOnlyArray<number>>;
+  +getSize: (uri: string) => Promise<ReadonlyArray<number>>;
   +getSizeWithHeaders: (
     uri: string,
     headers: Object,

package/src/private/styles/composeStyles.js

@@ -16,7 +16,7 @@
 export default function composeStyles<T, U: T, V: T>(
   style1: ?U,
   style2: ?V,
-): ?(T | $ReadOnlyArray<T>) {
+): ?(T | ReadonlyArray<T>) {
   if (style1 == null) {
     return style2;
   }

package/src/private/utilities/toError.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 strict
+ * @format
+ */
+
+/**
+ * Converts an unknown value to an Error instance.
+ * If the value is already an Error, returns it as-is.
+ * Otherwise, creates a new Error with the stringified value as the message.
+ *
+ * This is particularly useful in catch blocks where the caught value
+ * is annotated as `unknown` but needs to be treated as an Error.
+ *
+ * @param value - The unknown value to convert to an Error
+ * @returns An Error instance
+ */
+export default function toError(value: unknown): Error {
+  if (value instanceof Error) {
+    return value;
+  }
+  return new Error(String(value));
+}

package/src/private/utilities/toExtendedError.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 strict
+ * @format
+ */
+
+import type {ExtendedError} from '../../../Libraries/Core/ExtendedError';
+
+import toError from './toError';
+
+/**
+ * Converts an unknown value to an ExtendedError instance suitable for LogBox.
+ * Uses the standard toError utility internally and then casts to ExtendedError.
+ *
+ * This is specifically designed for LogBox error reporting which requires
+ * ExtendedError type compatibility.
+ *
+ * @param value - The unknown value to convert to an ExtendedError
+ * @returns An ExtendedError instance
+ */
+export default function toExtendedError(value: unknown): ExtendedError {
+  const error = toError(value);
+  // ExtendedError extends Error, so this cast is safe for the LogBox system
+  // $FlowFixMe[incompatible-type] ExtendedError extends Error, this cast is safe
+  return (error: ExtendedError);
+}

package/src/private/webapis/dom/events/Event.js

@@ -151,7 +151,7 @@ export default class Event {
     return this._type;
   }
 
-  composedPath(): $ReadOnlyArray<EventTarget> {
+  composedPath(): ReadonlyArray<EventTarget> {
     return getComposedPath(this).slice();
   }
 

package/src/private/webapis/dom/events/EventHandlerAttributes.js

@@ -43,7 +43,7 @@
 import type EventTarget from './EventTarget';
 import type {EventCallback} from './EventTarget';
 
-type EventHandler = $ReadOnly<{
+type EventHandler = Readonly<{
   handleEvent: EventCallback,
 }>;
 type EventHandlerAttributeMap = Map<string, EventHandler | null>;
@@ -119,7 +119,7 @@ export function setEventHandlerAttribute(
         setEventHandlerAttributeMap(target, map);
       }
       map.set(type, listener);
-    } catch (e) {
+    } catch {
       // Assigning incorrect listener does not throw in setters.
     }
   }

package/src/private/webapis/dom/events/EventTarget.js

@@ -40,11 +40,11 @@ export type EventHandler = interface {
 };
 export type EventListener = EventCallback | EventHandler;
 
-export type EventListenerOptions = $ReadOnly<{
+export type EventListenerOptions = Readonly<{
   capture?: boolean,
 }>;
 
-export type AddEventListenerOptions = $ReadOnly<{
+export type AddEventListenerOptions = Readonly<{
   ...EventListenerOptions,
   passive?: boolean,
   once?: boolean,
@@ -311,7 +311,7 @@ function dispatch(eventTarget: EventTarget, event: Event): void {
 function getEventPath(
   eventTarget: EventTarget,
   event: Event,
-): $ReadOnlyArray<EventTarget> {
+): ReadonlyArray<EventTarget> {
   const path = [];
   let target: EventTarget | null = eventTarget;
 

package/src/private/webapis/dom/events/internals/EventInternals.js

@@ -43,14 +43,14 @@ export function setCurrentTarget(
   event[CURRENT_TARGET_KEY] = currentTarget;
 }
 
-export function getComposedPath(event: Event): $ReadOnlyArray<EventTarget> {
+export function getComposedPath(event: Event): ReadonlyArray<EventTarget> {
   // $FlowExpectedError[prop-missing]
   return event[COMPOSED_PATH_KEY];
 }
 
 export function setComposedPath(
   event: Event,
-  composedPath: $ReadOnlyArray<EventTarget>,
+  composedPath: ReadonlyArray<EventTarget>,
 ): void {
   // $FlowExpectedError[prop-missing]
   event[COMPOSED_PATH_KEY] = composedPath;

package/src/private/webapis/dom/nodes/ReadOnlyElement.js

@@ -219,7 +219,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
   }
 }
 
-function getChildElements(node: ReadOnlyNode): $ReadOnlyArray<ReadOnlyElement> {
+function getChildElements(node: ReadOnlyNode): ReadonlyArray<ReadOnlyElement> {
   // $FlowFixMe[incompatible-type]
   return getChildNodes(
     node,

package/src/private/webapis/dom/nodes/ReadOnlyNode.js

@@ -297,7 +297,7 @@ setPlatformObject(ReadOnlyNode);
 export function getChildNodes(
   node: ReadOnlyNode,
   filter?: (node: ReadOnlyNode) => boolean,
-): $ReadOnlyArray<ReadOnlyNode> {
+): ReadonlyArray<ReadOnlyNode> {
   const shadowNode = getNativeNodeReference(node);
 
   if (shadowNode == null) {
@@ -319,7 +319,7 @@ export function getChildNodes(
 
 function getNodeSiblingsAndPosition(
   node: ReadOnlyNode,
-): [$ReadOnlyArray<ReadOnlyNode>, number] {
+): [ReadonlyArray<ReadOnlyNode>, number] {
   const parent = node.parentNode;
   if (parent == null) {
     // This node is the root or it's disconnected.

package/src/private/webapis/dom/nodes/specs/NativeDOM.js

@@ -58,7 +58,7 @@ export interface Spec extends TurboModule {
 
   +getChildNodes: (
     nativeNodeReference: unknown /* NativeNodeReference */,
-  ) => $ReadOnlyArray<unknown> /* $ReadOnlyArray<InstanceHandle> */;
+  ) => ReadonlyArray<unknown> /* $ReadOnlyArray<InstanceHandle> */;
 
   +getElementById?: (
     nativeNodeReference: unknown /* NativeNodeReference */,
@@ -79,24 +79,24 @@ export interface Spec extends TurboModule {
 
   +getBorderWidth: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [topWidth: number, rightWidth: number, bottomWidth: number, leftWidth: number] */;
+  ) => ReadonlyArray<number> /* [topWidth: number, rightWidth: number, bottomWidth: number, leftWidth: number] */;
 
   +getBoundingClientRect: (
     nativeElementReference: unknown /* NativeElementReference */,
     includeTransform: boolean,
-  ) => $ReadOnlyArray<number> /* [x: number, y: number, width: number, height: number] */;
+  ) => ReadonlyArray<number> /* [x: number, y: number, width: number, height: number] */;
 
   +getInnerSize: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [width: number, height: number] */;
+  ) => ReadonlyArray<number> /* [width: number, height: number] */;
 
   +getScrollPosition: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [scrollLeft: number, scrollTop: number] */;
+  ) => ReadonlyArray<number> /* [scrollLeft: number, scrollTop: number] */;
 
   +getScrollSize: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [scrollWidth: number, scrollHeight: number] */;
+  ) => ReadonlyArray<number> /* [scrollWidth: number, scrollHeight: number] */;
 
   +getTagName: (
     nativeElementReference: unknown /* NativeElementReference */,
@@ -127,7 +127,7 @@ export interface Spec extends TurboModule {
 
   +getOffset: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<unknown> /* [offsetParent: ?InstanceHandle, top: number, left: number] */;
+  ) => ReadonlyArray<unknown> /* [offsetParent: ?InstanceHandle, top: number, left: number] */;
 
   /*
    * Special methods to handle the root node.
@@ -199,7 +199,7 @@ export interface RefinedSpec {
    */
   +getChildNodes: (
     nativeNodeReference: NativeNodeReference,
-  ) => $ReadOnlyArray<InstanceHandle>;
+  ) => ReadonlyArray<InstanceHandle>;
 
   /**
    * This is a React Native implementation of `Document.prototype.getElementById`
@@ -247,7 +247,7 @@ export interface RefinedSpec {
    */
   +getBorderWidth: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* topWidth: */ number,
       /* rightWidth: */ number,
@@ -270,7 +270,7 @@ export interface RefinedSpec {
   +getBoundingClientRect: (
     nativeElementReference: NativeElementReference,
     includeTransform: boolean,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* x: */ number,
       /* y: */ number,
@@ -293,7 +293,7 @@ export interface RefinedSpec {
    */
   +getInnerSize: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* width: */ number, /* height: */ number]>;
+  ) => Readonly<[/* width: */ number, /* height: */ number]>;
 
   /**
    * This is a method to access scroll information for a shadow node, to
@@ -308,7 +308,7 @@ export interface RefinedSpec {
    */
   +getScrollPosition: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* scrollLeft: */ number, /* scrollTop: */ number]>;
+  ) => Readonly<[/* scrollLeft: */ number, /* scrollTop: */ number]>;
 
   /**
    *
@@ -324,7 +324,7 @@ export interface RefinedSpec {
    */
   +getScrollSize: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* scrollWidth: */ number, /* scrollHeight: */ number]>;
+  ) => Readonly<[/* scrollWidth: */ number, /* scrollHeight: */ number]>;
 
   /**
    * This is a method to access the normalized tag name of a shadow node, to
@@ -377,7 +377,7 @@ export interface RefinedSpec {
    */
   +getOffset: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* offsetParent: */ ?InstanceHandle,
       /* top: */ number,

package/src/private/webapis/dom/oldstylecollections/HTMLCollection.js

@@ -35,7 +35,7 @@ export default class HTMLCollection<T> implements Iterable<T>, ArrayLike<T> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<T>) {
+  constructor(elements: ReadonlyArray<T>) {
     for (let i = 0; i < elements.length; i++) {
       REUSABLE_PROPERTY_DESCRIPTOR.value = elements[i];
       Object.defineProperty(this, i, REUSABLE_PROPERTY_DESCRIPTOR);
@@ -82,7 +82,7 @@ setPlatformObject(HTMLCollection);
  * `HTMLCollection.js.flow`, not here.
  */
 export function createHTMLCollection<T>(
-  elements: $ReadOnlyArray<T>,
+  elements: ReadonlyArray<T>,
 ): HTMLCollection<T> {
   return new HTMLCollection(elements);
 }

package/src/private/webapis/dom/oldstylecollections/HTMLCollection.js.flow

@@ -25,5 +25,5 @@ declare export default class HTMLCollection<+T>
 }
 
 declare export function createHTMLCollection<T>(
-  elements: $ReadOnlyArray<T>,
+  elements: ReadonlyArray<T>,
 ): HTMLCollection<T>;

package/src/private/webapis/dom/oldstylecollections/NodeList.js

@@ -37,7 +37,7 @@ export default class NodeList<T> implements Iterable<T>, ArrayLike<T> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<T>) {
+  constructor(elements: ReadonlyArray<T>) {
     for (let i = 0; i < elements.length; i++) {
       REUSABLE_PROPERTY_DESCRIPTOR.value = elements[i];
       Object.defineProperty(this, i, REUSABLE_PROPERTY_DESCRIPTOR);
@@ -105,6 +105,6 @@ setPlatformObject(NodeList);
  * We can do that because the external definition of `NodeList` lives in
  * `NodeList.js.flow`, not here.
  */
-export function createNodeList<T>(elements: $ReadOnlyArray<T>): NodeList<T> {
+export function createNodeList<T>(elements: ReadonlyArray<T>): NodeList<T> {
   return new NodeList(elements);
 }

package/src/private/webapis/dom/oldstylecollections/NodeList.js.flow

@@ -30,5 +30,5 @@ declare export default class NodeList<+T> implements Iterable<T>, ArrayLike<T> {
 }
 
 declare export function createNodeList<T>(
-  elements: $ReadOnlyArray<T>,
+  elements: ReadonlyArray<T>,
 ): NodeList<T>;

package/src/private/webapis/geometry/DOMRectList.js

@@ -29,7 +29,7 @@ export default class DOMRectList implements Iterable<DOMRectReadOnly> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<DOMRectReadOnly>) {
+  constructor(elements: ReadonlyArray<DOMRectReadOnly>) {
     for (let i = 0; i < elements.length; i++) {
       Object.defineProperty(this, i, {
         value: elements[i],
@@ -73,7 +73,7 @@ setPlatformObject(DOMRectList);
  * `DOMRectList.js.flow`, not here.
  */
 export function createDOMRectList(
-  elements: $ReadOnlyArray<DOMRectReadOnly>,
+  elements: ReadonlyArray<DOMRectReadOnly>,
 ): DOMRectList {
   return new DOMRectList(elements);
 }

package/src/private/webapis/geometry/DOMRectList.js.flow

@@ -23,5 +23,5 @@ declare export default class DOMRectList
 }
 
 declare export function createDOMRectList(
-  domRects: $ReadOnlyArray<DOMRectReadOnly>,
+  domRects: ReadonlyArray<DOMRectReadOnly>,
 ): DOMRectList;

package/src/private/webapis/intersectionobserver/IntersectionObserver.js

@@ -25,7 +25,7 @@ export type IntersectionObserverCallback = (
 export interface IntersectionObserverInit {
   root?: ?ReactNativeElement;
   rootMargin?: string;
-  threshold?: number | $ReadOnlyArray<number>;
+  threshold?: number | ReadonlyArray<number>;
 
   /**
    * This is a React Native specific option (not spec compliant) that specifies
@@ -37,7 +37,7 @@ export interface IntersectionObserverInit {
    * Note: If `rnRootThreshold` is set, and `threshold` is not set,
    * `threshold` will not default to [0] (as per spec)
    */
-  rnRootThreshold?: number | $ReadOnlyArray<number>;
+  rnRootThreshold?: number | ReadonlyArray<number>;
 }
 
 /**
@@ -62,10 +62,10 @@ export interface IntersectionObserverInit {
  */
 export default class IntersectionObserver {
   _callback: IntersectionObserverCallback;
-  _thresholds: $ReadOnlyArray<number>;
+  _thresholds: ReadonlyArray<number>;
   _observationTargets: Set<ReactNativeElement> = new Set();
   _intersectionObserverId: ?IntersectionObserverId;
-  _rootThresholds: $ReadOnlyArray<number> | null;
+  _rootThresholds: ReadonlyArray<number> | null;
   _root: ReactNativeElement | null;
   _rootMargin: string;
 
@@ -155,7 +155,7 @@ export default class IntersectionObserver {
    * If no value was passed to the constructor, and no `rnRootThreshold`
    * is set, `0` is used.
    */
-  get thresholds(): $ReadOnlyArray<number> {
+  get thresholds(): ReadonlyArray<number> {
     return this._thresholds;
   }
 
@@ -166,7 +166,7 @@ export default class IntersectionObserver {
    * Notifications for a target are generated when any of the thresholds specified
    * in `rnRootThreshold` or `threshold` are crossed for that target.
    */
-  get rnRootThresholds(): $ReadOnlyArray<number> | null {
+  get rnRootThresholds(): ReadonlyArray<number> | null {
     return this._rootThresholds;
   }
 
@@ -317,7 +317,7 @@ setPlatformObject(IntersectionObserver);
 function normalizeThreshold(
   threshold: unknown,
   defaultEmpty: boolean = false,
-): $ReadOnlyArray<number> {
+): ReadonlyArray<number> {
   if (Array.isArray(threshold)) {
     if (threshold.length > 0) {
       return threshold
@@ -354,7 +354,7 @@ function normalizeThreshold(
  */
 function normalizeRootThreshold(
   rootThreshold: unknown,
-): null | $ReadOnlyArray<number> {
+): null | ReadonlyArray<number> {
   if (Array.isArray(rootThreshold)) {
     const normalizedArr = rootThreshold
       .map(rt => normalizeThresholdValue(rt, 'rnRootThreshold'))

package/src/private/webapis/intersectionobserver/specs/NativeIntersectionObserver.js

@@ -15,10 +15,10 @@ import * as TurboModuleRegistry from '../../../../../Libraries/TurboModule/Turbo
 export type NativeIntersectionObserverEntry = {
   intersectionObserverId: number,
   targetInstanceHandle: unknown,
-  targetRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
-  rootRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
+  targetRect: ReadonlyArray<number>, // It's actually a tuple with x, y, width and height
+  rootRect: ReadonlyArray<number>, // It's actually a tuple with x, y, width and height
   // TODO(T209328432) - Remove optionality of intersectionRect when native changes are released
-  intersectionRect: ?$ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
+  intersectionRect: ?ReadonlyArray<number>, // It's actually a tuple with x, y, width and height
   isIntersectingAboveThresholds: boolean,
   time: number,
 };
@@ -27,8 +27,8 @@ export type NativeIntersectionObserverObserveOptions = {
   intersectionObserverId: number,
   rootShadowNode?: ?unknown,
   targetShadowNode: unknown,
-  thresholds: $ReadOnlyArray<number>,
-  rootThresholds?: ?$ReadOnlyArray<number>,
+  thresholds: ReadonlyArray<number>,
+  rootThresholds?: ?ReadonlyArray<number>,
   rootMargin?: ?string,
 };
 
@@ -44,7 +44,7 @@ export interface Spec extends TurboModule {
   ) => void;
   +connect: (notifyIntersectionObserversCallback: () => void) => void;
   +disconnect: () => void;
-  +takeRecords: () => $ReadOnlyArray<NativeIntersectionObserverEntry>;
+  +takeRecords: () => ReadonlyArray<NativeIntersectionObserverEntry>;
 }
 
 export default (TurboModuleRegistry.get<Spec>(

package/src/private/webapis/mutationobserver/MutationObserver.js

@@ -18,7 +18,7 @@ import {setPlatformObject} from '../webidl/PlatformObjects';
 import * as MutationObserverManager from './internals/MutationObserverManager';
 
 export type MutationObserverCallback = (
-  mutationRecords: $ReadOnlyArray<MutationRecord>,
+  mutationRecords: ReadonlyArray<MutationRecord>,
   observer: MutationObserver,
 ) => unknown;
 
@@ -29,7 +29,7 @@ export interface MutationObserverInit {
 
   // Unsupported:
   +attributes?: boolean;
-  +attributeFilter?: $ReadOnlyArray<string>;
+  +attributeFilter?: ReadonlyArray<string>;
   +attributeOldValue?: boolean;
   +characterData?: boolean;
   +characterDataOldValue?: boolean;