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

package/.flowconfig

@@ -22,7 +22,6 @@
 <PROJECT_ROOT>/Libraries/Components/Touchable/TouchableHighlight.js
 <PROJECT_ROOT>/Libraries/Components/Touchable/TouchableOpacity.js
 <PROJECT_ROOT>/Libraries/Components/Touchable/TouchableWithoutFeedback.js
-<PROJECT_ROOT>/Libraries/Components/View/ReactNativeViewAttributes.js
 <PROJECT_ROOT>/Libraries/Components/View/ViewAccessibility.js
 <PROJECT_ROOT>/Libraries/Components/View/ViewPropTypes.js
 <PROJECT_ROOT>/Libraries/Components/View/View.js
@@ -71,9 +70,6 @@
 ; Ignore the codegen e2e tests
 <PROJECT_ROOT>/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeEnumTurboModule.js
 
-; Ignore the Dangerfile
-<PROJECT_ROOT>/private/react-native-bots/dangerfile.js
-
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
@@ -173,4 +169,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.295.0
+^0.303.0

package/Common/unicode.cpp

@@ -93,6 +93,42 @@ std::wstring Utf8ToUtf16(const std::string &utf8) {
   return Utf8ToUtf16(utf8.c_str(), utf8.length());
 }
 
+size_t Utf8ToUtf16Length(const char *utf8, size_t utf8Len) {
+  if (utf8Len == 0) {
+    return 0;
+  }
+
+  if (utf8Len > static_cast<size_t>((std::numeric_limits<int>::max)())) {
+    throw std::overflow_error("Length of input string to Utf8ToUtf16Length() must fit into an int.");
+  }
+
+  const int utf8Length = static_cast<int>(utf8Len);
+
+  constexpr DWORD flags = 0;
+
+  const int utf16Length = ::MultiByteToWideChar(
+      CP_UTF8, // Source string is in UTF-8.
+      flags, // Conversion flags.
+      utf8, // Source UTF-8 string pointer.
+      utf8Length, // Length of the source UTF-8 string, in chars.
+      nullptr, // Do not convert, just request the size.
+      0 // Request size of destination buffer, in wchar_ts.
+  );
+
+  if (utf16Length == 0) {
+    throw UnicodeConversionException(
+        "Cannot get result string length when converting from UTF-8 to UTF-16 "
+        "(MultiByteToWideChar failed).",
+        GetLastError());
+  }
+
+  return static_cast<size_t>(utf16Length);
+}
+
+size_t Utf8ToUtf16Length(const std::string &utf8) {
+  return Utf8ToUtf16Length(utf8.c_str(), utf8.length());
+}
+
 #if _HAS_CXX17
 std::wstring Utf8ToUtf16(const std::string_view &utf8) {
   return Utf8ToUtf16(utf8.data(), utf8.length());

package/Common/unicode.h

@@ -55,6 +55,14 @@ class UnicodeConversionException : public std::runtime_error {
 /* (4) */ std::wstring Utf8ToUtf16(const std::string_view &utf8);
 #endif
 
+// The following functions return the length of the UTF-16 string that would
+// result from converting the input UTF-8 string, without actually performing
+// the conversion or allocating a temporary std::wstring. This is useful in
+// hot paths where only the length is needed (e.g. DirectWrite text ranges).
+//
+size_t Utf8ToUtf16Length(const char *utf8, size_t utf8Len);
+size_t Utf8ToUtf16Length(const std::string &utf8);
+
 // The following functions convert UTF-16BE strings to UTF-8 strings. Their
 // behaviors mirror those of the above Utf8ToUtf16 functions.
 //

package/Directory.Build.props

@@ -25,14 +25,6 @@
     <DebugType Condition="'$(Configuration)' == 'Release'">pdbonly</DebugType>
     <IncludeSymbols Condition="'$(Configuration)' == 'Release'">true</IncludeSymbols>
     <IncludeSource Condition="'$(Configuration)' == 'Release'">false</IncludeSource>
-    <!-- When bumping the Folly version, be sure to bump the git hash of that version's commit, find the matching fastfloat dependency and build Folly.vcxproj (to update its cgmanifest.json) too. -->
-    <FollyVersion>2024.10.14.00</FollyVersion>
-    <FastFloatVersion>8.0.0</FastFloatVersion>
-    <FollyCommitHash>ad90720829db5ba0c3d0e44994856dcce33d7940</FollyCommitHash>
-    <FastFloatCommitHash>77cc847c842c49e7e3477c1e95da2b6540166d66</FastFloatCommitHash>
-    <!-- When bumping the fmt version, be sure to bump the git hash of that version's commit and build fmt.vcxproj (to update its cgmanifest.json) too. -->
-    <FmtVersion>11.0.2</FmtVersion>
-    <FmtCommitHash>0c9fce2ffefecfdce794e1859584e25877b7b592</FmtCommitHash>
     <!-- Commit hash for https://github.com/microsoft/node-api-jsi code. -->
     <NodeApiJsiCommitHash>4b8a4a59c4e1b7b988b809dedffd89a7662aa785</NodeApiJsiCommitHash>
   </PropertyGroup>
@@ -49,14 +41,7 @@
 
     <YogaDir Condition="'$(YogaDir)' == ''">$(ReactNativeDir)ReactCommon\yoga</YogaDir>
 
-    <FollyDir Condition="'$(FollyDir)' == '' AND Exists('$([MSBuild]::NormalizeDirectory($(ReactNativeDir)..\..\node_modules))')">$(ReactNativeDir)..\..\node_modules\.folly\folly-$(FollyVersion)</FollyDir>
-    <FollyDir>$([MSBuild]::NormalizeDirectory($(FollyDir)))</FollyDir>
-
-    <FastFloatDir Condition="'$(FastFloatDir)' == '' AND Exists('$([MSBuild]::NormalizeDirectory($(ReactNativeDir)..\..\node_modules))')">$(ReactNativeDir)..\..\node_modules\.fastfloat\fast_float-$(FastFloatVersion)</FastFloatDir>
-    <FastFloatDir>$([MSBuild]::NormalizeDirectory($(FastFloatDir)))</FastFloatDir>
-
-    <FmtDir Condition="'$(FmtDir)' == '' AND Exists('$([MSBuild]::NormalizeDirectory($(ReactNativeDir)..\..\node_modules))')">$(ReactNativeDir)..\..\node_modules\.fmt\fmt-$(FmtVersion)</FmtDir>
-    <FmtDir>$([MSBuild]::NormalizeDirectory($(FmtDir)))</FmtDir>
+    <ExternalDir Condition="'$(ExternalDir)' == ''">$(ReactNativeWindowsDir)external\</ExternalDir>
 
     <NodeApiJsiDir Condition="'$(NodeApiJsiDir)' == '' AND Exists('$([MSBuild]::NormalizeDirectory($(ReactNativeDir)..\..\node_modules))')">$(ReactNativeDir)..\..\node_modules\.node-api-jsi\node-api-jsi-$(NodeApiJsiCommitHash)</NodeApiJsiDir>
     <NodeApiJsiDir>$([MSBuild]::NormalizeDirectory($(NodeApiJsiDir)))</NodeApiJsiDir>

package/Directory.Build.targets

@@ -4,21 +4,29 @@
   <!-- This import will noop when customer code is built. This import is here to help building the bits in the react-native-windows repository. -->
   <Import Condition="Exists($([MSBuild]::GetPathOfFileAbove('Directory.Build.targets', '$(MSBuildThisFileDirectory)../')))" Project="$([MSBuild]::GetPathOfFileAbove('Directory.Build.targets', '$(MSBuildThisFileDirectory)../'))" />
 
-  <!--Allow implicitly restoring NuGet dependencies in C++ projects using the Visual Studio IDE.-->
-  <Target Name="BeforeResolveReferences" Condition="'$(BuildingInsideVisualStudio)' == 'true' AND '$(MSBuildProjectExtension)' == '.vcxproj'">
+  <!--
+    Allow implicitly restoring NuGet dependencies in C++ and C# projects using the Visual Studio IDE.
+
+    For vcxproj: VS does not automatically restore PackageReference or packages.config dependencies.
+    For csproj referencing vcxproj: VS's NuGet restore cannot evaluate vcxproj PackageReferences
+    through the project reference chain (the VC project system does not report them via the CPS
+    nomination API), causing NU1004 lock file mismatches. An explicit msbuild /t:Restore during
+    the build resolves this because msbuild loads VCTargets and evaluates vcxproj fully.
+  -->
+  <Target Name="BeforeResolveReferences" Condition="'$(BuildingInsideVisualStudio)' == 'true' AND ('$(MSBuildProjectExtension)' == '.vcxproj' OR '$(MSBuildProjectExtension)' == '.csproj')">
     <!--
       Ensure restoring of PackageReference dependencies.
     -->
     <MSBuild Projects="$(MSBuildProjectFile)" Targets="Restore" Properties="RestoreProjectStyle=PackageReference" Condition="@(PackageReference->Count()) &gt; 0" />
 
     <!--
-      Ensure restoring of packages.config dependencies.
+      Ensure restoring of packages.config dependencies (vcxproj only).
 
       RestoreProjectStyle=PackagesConfig    - Required to use the packages.config mechanism
       RestorePackagesConfig=true            - Required to use the packages.config mechanism
       RestoreUseStaticGraphEvaluation=false - Override setting from Directory.Build.props
     -->
-    <MSBuild Projects="$(MSBuildProjectFile)" Targets="Restore" Properties="RestoreProjectStyle=PackagesConfig;RestorePackagesConfig=true;RestoreUseStaticGraphEvaluation=false" />
+    <MSBuild Projects="$(MSBuildProjectFile)" Targets="Restore" Properties="RestoreProjectStyle=PackagesConfig;RestorePackagesConfig=true;RestoreUseStaticGraphEvaluation=false" Condition="'$(MSBuildProjectExtension)' == '.vcxproj'" />
   </Target>
 
   <!-- This ensures NuGet restores use the nuget config's feed and not any pre-installed files. -->

package/Folly/ThreadNameStub.cpp

@@ -2,9 +2,7 @@
 
 // Avoid bringing in a bunch of folly threading just for setThreadName
 namespace folly {
-    bool setThreadName(StringPiece)
-    {
-      return false;
-    }
-  }
-  
+bool setThreadName(StringPiece) {
+  return false;
+}
+} // namespace folly

package/Libraries/ActionSheetIOS/ActionSheetIOS.js

@@ -16,7 +16,7 @@ import RCTActionSheetManager from './NativeActionSheetManager';
 const processColor = require('../StyleSheet/processColor').default;
 const invariant = require('invariant');
 
-export type ActionSheetIOSOptions = $ReadOnly<{
+export type ActionSheetIOSOptions = Readonly<{
   title?: ?string,
   message?: ?string,
   options: Array<string>,
@@ -30,7 +30,7 @@ export type ActionSheetIOSOptions = $ReadOnly<{
   disabledButtonIndices?: Array<number>,
 }>;
 
-export type ShareActionSheetIOSOptions = $ReadOnly<{
+export type ShareActionSheetIOSOptions = Readonly<{
   message?: ?string,
   url?: ?string,
   subject?: ?string,
@@ -42,7 +42,7 @@ export type ShareActionSheetIOSOptions = $ReadOnly<{
   userInterfaceStyle?: ?string,
 }>;
 
-export type ShareActionSheetError = $ReadOnly<{
+export type ShareActionSheetError = Readonly<{
   domain: string,
   code: string,
   userInfo?: ?Object,

package/Libraries/Animated/Animated.d.ts

@@ -77,6 +77,13 @@ export namespace Animated {
     readonly useNativeDriver: boolean;
   };
 
+  type AnimatedColorInputValue =
+    | RgbaValue
+    | RgbaAnimatedValue
+    | ColorValue
+    | null
+    | undefined;
+
   class AnimatedColor extends AnimatedWithChildren {
     r: AnimatedValue;
     g: AnimatedValue;
@@ -84,7 +91,7 @@ export namespace Animated {
     a: AnimatedValue;
 
     constructor(
-      valueIn?: RgbaValue | RgbaAnimatedValue | ColorValue | null,
+      valueIn?: AnimatedColorInputValue,
       config?: AnimatedConfig | null,
     );
     nativeColor: unknown; // Unsure what to do here

package/Libraries/Animated/AnimatedEvent.js

@@ -33,7 +33,7 @@ export type EventConfig<T> = {
 export function attachNativeEventImpl(
   viewRef: any,
   eventName: string,
-  argMapping: $ReadOnlyArray<?Mapping>,
+  argMapping: ReadonlyArray<?Mapping>,
   platformConfig: ?PlatformConfig,
 ): {detach: () => void} {
   // Find animated values in `argMapping` and create an array representing their
@@ -93,7 +93,7 @@ export function attachNativeEventImpl(
   };
 }
 
-function validateMapping(argMapping: $ReadOnlyArray<?Mapping>, args: any) {
+function validateMapping(argMapping: ReadonlyArray<?Mapping>, args: any) {
   const validate = (recMapping: ?Mapping, recEvt: any, key: string) => {
     if (recMapping instanceof AnimatedValue) {
       invariant(
@@ -146,13 +146,13 @@ function validateMapping(argMapping: $ReadOnlyArray<?Mapping>, args: any) {
 }
 
 export class AnimatedEvent {
-  _argMapping: $ReadOnlyArray<?Mapping>;
+  _argMapping: ReadonlyArray<?Mapping>;
   _listeners: Array<Function> = [];
   _attachedEvent: ?{detach: () => void, ...};
   __isNative: boolean;
   __platformConfig: ?PlatformConfig;
 
-  constructor(argMapping: $ReadOnlyArray<?Mapping>, config: EventConfig<any>) {
+  constructor(argMapping: ReadonlyArray<?Mapping>, config: EventConfig<any>) {
     this._argMapping = argMapping;
 
     if (config == null) {

package/Libraries/Animated/AnimatedImplementation.js

@@ -89,7 +89,7 @@ const diffClampImpl = function (
 
 const _combineCallbacks = function (
   callback: ?EndCallback,
-  config: $ReadOnly<{...AnimationConfig, ...}>,
+  config: Readonly<{...AnimationConfig, ...}>,
 ) {
   if (callback && config.onComplete) {
     return (...args: Array<EndResult>) => {
@@ -543,7 +543,7 @@ function unforkEventImpl(
 }
 
 const eventImpl = function <T>(
-  argMapping: $ReadOnlyArray<?Mapping>,
+  argMapping: ReadonlyArray<?Mapping>,
   config: EventConfig<T>,
 ): any {
   const animatedEvent = new AnimatedEvent(argMapping, config);

package/Libraries/Animated/animations/Animation.js

@@ -24,7 +24,7 @@ export type EndResult = {
 };
 export type EndCallback = (result: EndResult) => void;
 
-export type AnimationConfig = $ReadOnly<{
+export type AnimationConfig = Readonly<{
   isInteraction?: boolean,
   useNativeDriver: boolean,
   platformConfig?: PlatformConfig,
@@ -98,7 +98,7 @@ export default class Animation {
     this.__active = false;
   }
 
-  __getNativeAnimationConfig(): $ReadOnly<{
+  __getNativeAnimationConfig(): Readonly<{
     platformConfig: ?PlatformConfig,
     ...
   }> {
@@ -168,7 +168,7 @@ export default class Animation {
       );
 
       return true;
-    } catch (e) {
+    } catch (e: unknown) {
       throw e;
     } finally {
       NativeAnimatedHelper.API.unsetWaitingForIdentifier(

package/Libraries/Animated/animations/DecayAnimation.js

@@ -14,11 +14,11 @@ import type {AnimationConfig, EndCallback} from './Animation';
 
 import Animation from './Animation';
 
-export type DecayAnimationConfig = $ReadOnly<{
+export type DecayAnimationConfig = Readonly<{
   ...AnimationConfig,
   velocity:
     | number
-    | $ReadOnly<{
+    | Readonly<{
         x: number,
         y: number,
         ...
@@ -27,7 +27,7 @@ export type DecayAnimationConfig = $ReadOnly<{
   ...
 }>;
 
-export type DecayAnimationConfigSingle = $ReadOnly<{
+export type DecayAnimationConfigSingle = Readonly<{
   ...AnimationConfig,
   velocity: number,
   deceleration?: number,
@@ -52,7 +52,7 @@ export default class DecayAnimation extends Animation {
     this._platformConfig = config.platformConfig;
   }
 
-  __getNativeAnimationConfig(): $ReadOnly<{
+  __getNativeAnimationConfig(): Readonly<{
     deceleration: number,
     iterations: number,
     platformConfig: ?PlatformConfig,

package/Libraries/Animated/animations/SpringAnimation.js

@@ -19,7 +19,7 @@ import * as SpringConfig from '../SpringConfig';
 import Animation from './Animation';
 import invariant from 'invariant';
 
-export type SpringAnimationConfig = $ReadOnly<{
+export type SpringAnimationConfig = Readonly<{
   ...AnimationConfig,
   toValue:
     | number
@@ -44,7 +44,7 @@ export type SpringAnimationConfig = $ReadOnly<{
   restSpeedThreshold?: number,
   velocity?:
     | number
-    | $ReadOnly<{
+    | Readonly<{
         x: number,
         y: number,
         ...
@@ -60,7 +60,7 @@ export type SpringAnimationConfig = $ReadOnly<{
   ...
 }>;
 
-export type SpringAnimationConfigSingle = $ReadOnly<{
+export type SpringAnimationConfigSingle = Readonly<{
   ...AnimationConfig,
   toValue: number,
   overshootClamping?: boolean,
@@ -78,7 +78,7 @@ export type SpringAnimationConfigSingle = $ReadOnly<{
   ...
 }>;
 
-opaque type SpringAnimationInternalState = $ReadOnly<{
+opaque type SpringAnimationInternalState = Readonly<{
   lastPosition: number,
   lastVelocity: number,
   lastTime: number,
@@ -168,7 +168,7 @@ export default class SpringAnimation extends Animation {
     invariant(this._mass > 0, 'Mass value must be greater than 0');
   }
 
-  __getNativeAnimationConfig(): $ReadOnly<{
+  __getNativeAnimationConfig(): Readonly<{
     damping: number,
     initialVelocity: number,
     iterations: number,

package/Libraries/Animated/animations/TimingAnimation.js

@@ -18,12 +18,12 @@ import type {AnimationConfig, EndCallback} from './Animation';
 import AnimatedColor from '../nodes/AnimatedColor';
 import Animation from './Animation';
 
-export type TimingAnimationConfig = $ReadOnly<{
+export type TimingAnimationConfig = Readonly<{
   ...AnimationConfig,
   toValue:
     | number
     | AnimatedValue
-    | $ReadOnly<{
+    | Readonly<{
         x: number,
         y: number,
         ...
@@ -38,7 +38,7 @@ export type TimingAnimationConfig = $ReadOnly<{
   ...
 }>;
 
-export type TimingAnimationConfigSingle = $ReadOnly<{
+export type TimingAnimationConfigSingle = Readonly<{
   ...AnimationConfig,
   toValue: number,
   easing?: (value: number) => number,
@@ -80,9 +80,9 @@ export default class TimingAnimation extends Animation {
     this._platformConfig = config.platformConfig;
   }
 
-  __getNativeAnimationConfig(): $ReadOnly<{
+  __getNativeAnimationConfig(): Readonly<{
     type: 'frames',
-    frames: $ReadOnlyArray<number>,
+    frames: ReadonlyArray<number>,
     toValue: number,
     iterations: number,
     platformConfig: ?PlatformConfig,

package/Libraries/Animated/createAnimatedComponent.js

@@ -29,7 +29,7 @@ import {useMemo} from 'react';
 
 type Nullable = void | null;
 type Primitive = string | number | boolean | symbol | void;
-type Builtin = (...$ReadOnlyArray<empty>) => unknown | Date | Error | RegExp;
+type Builtin = (...ReadonlyArray<empty>) => unknown | Date | Error | RegExp;
 
 export type WithAnimatedValue<+T> = T extends Builtin | Nullable
   ? T
@@ -48,8 +48,8 @@ export type WithAnimatedValue<+T> = T extends Builtin | Nullable
         | AnimatedInterpolation<number>
         | AnimatedInterpolation<string>
         | AnimatedInterpolation<NativeColorValue>
-    : T extends $ReadOnlyArray<infer P>
-      ? $ReadOnlyArray<WithAnimatedValue<P>>
+    : T extends ReadonlyArray<infer P>
+      ? ReadonlyArray<WithAnimatedValue<P>>
       : T extends {...}
         ? {+[K in keyof T]: WithAnimatedValue<T[K]>}
         : T;
@@ -61,13 +61,13 @@ type NonAnimatedProps =
   | 'testID'
   | 'disabled'
   | 'accessibilityLabel';
-type PassThroughProps = $ReadOnly<{
+type PassThroughProps = Readonly<{
   passthroughAnimatedPropExplicitValues?: ViewProps | null,
 }>;
 
-type LooseOmit<O: interface {}, K: $Keys<$FlowFixMe>> = Pick<
+type LooseOmit<O: interface {}, K: keyof $FlowFixMe> = Pick<
   O,
-  Exclude<$Keys<O>, K>,
+  Exclude<keyof O, K>,
 >;
 
 export type AnimatedProps<Props: {...}> = LooseOmit<
@@ -99,7 +99,7 @@ export default function createAnimatedComponent<
 >(
   Component: TInstance,
 ): AnimatedComponentType<
-  $ReadOnly<React.ElementConfig<TInstance>>,
+  Readonly<React.ElementConfig<TInstance>>,
   React.ElementRef<TInstance>,
 > {
   return unstable_createAnimatedComponentWithAllowlist(Component, null);

package/Libraries/Animated/nodes/AnimatedColor.js

@@ -22,7 +22,7 @@ import {processColorObject} from '../../StyleSheet/PlatformColorValueTypes';
 import AnimatedValue, {flushValue} from './AnimatedValue';
 import AnimatedWithChildren from './AnimatedWithChildren';
 
-export type AnimatedColorConfig = $ReadOnly<{
+export type AnimatedColorConfig = Readonly<{
   ...AnimatedNodeConfig,
   useNativeDriver: boolean,
 }>;
@@ -112,7 +112,7 @@ function isRgbaAnimatedValue(value: any): boolean {
 
 export function getRgbaValueAndNativeColor(
   value: RgbaValue | ColorValue,
-): $ReadOnly<{
+): Readonly<{
   rgbaValue: RgbaValue,
   nativeColor?: NativeColorValue,
 }> {

package/Libraries/Animated/nodes/AnimatedInterpolation.js

@@ -34,10 +34,10 @@ export type InterpolationConfigSupportedOutputType =
 
 export type InterpolationConfigType<
   OutputT: InterpolationConfigSupportedOutputType,
-> = $ReadOnly<{
+> = Readonly<{
   ...AnimatedNodeConfig,
-  inputRange: $ReadOnlyArray<number>,
-  outputRange: $ReadOnlyArray<OutputT>,
+  inputRange: ReadonlyArray<number>,
+  outputRange: ReadonlyArray<OutputT>,
   easing?: (input: number) => number,
   extrapolate?: ExtrapolateType,
   extrapolateLeft?: ExtrapolateType,
@@ -51,7 +51,7 @@ export type InterpolationConfigType<
 function createNumericInterpolation(
   config: InterpolationConfigType<number>,
 ): (input: number) => number {
-  const outputRange: $ReadOnlyArray<number> = (config.outputRange: any);
+  const outputRange: ReadonlyArray<number> = (config.outputRange: any);
   const inputRange = config.inputRange;
 
   const easing = config.easing || Easing.linear;
@@ -187,7 +187,7 @@ function mapStringToNumericComponents(
   input: string,
 ):
   | {isColor: true, components: [number, number, number, number]}
-  | {isColor: false, components: $ReadOnlyArray<number | string>} {
+  | {isColor: false, components: ReadonlyArray<number | string>} {
   let normalizedColor = normalizeColor(input);
   invariant(
     normalizedColor == null || typeof normalizedColor !== 'object',
@@ -262,7 +262,7 @@ function createStringInterpolation(
     );
   }
 
-  const numericComponents: $ReadOnlyArray<$ReadOnlyArray<number>> =
+  const numericComponents: ReadonlyArray<ReadonlyArray<number>> =
     outputRange.map(output =>
       isColor
         ? // $FlowFixMe[incompatible-type]
@@ -297,7 +297,7 @@ function createStringInterpolation(
   }
 }
 
-function findRange(input: number, inputRange: $ReadOnlyArray<number>) {
+function findRange(input: number, inputRange: ReadonlyArray<number>) {
   let i;
   for (i = 1; i < inputRange.length - 1; ++i) {
     if (inputRange[i] >= input) {
@@ -308,8 +308,8 @@ function findRange(input: number, inputRange: $ReadOnlyArray<number>) {
 }
 
 function checkValidRanges<OutputT: InterpolationConfigSupportedOutputType>(
-  inputRange: $ReadOnlyArray<number>,
-  outputRange: $ReadOnlyArray<OutputT>,
+  inputRange: ReadonlyArray<number>,
+  outputRange: ReadonlyArray<OutputT>,
 ) {
   checkInfiniteRange('outputRange', outputRange);
   checkInfiniteRange('inputRange', inputRange);
@@ -325,7 +325,7 @@ function checkValidRanges<OutputT: InterpolationConfigSupportedOutputType>(
   );
 }
 
-function checkValidInputRange(arr: $ReadOnlyArray<number>) {
+function checkValidInputRange(arr: ReadonlyArray<number>) {
   invariant(arr.length >= 2, 'inputRange must have at least 2 elements');
   const message =
     'inputRange must be monotonically non-decreasing ' + String(arr);
@@ -336,7 +336,7 @@ function checkValidInputRange(arr: $ReadOnlyArray<number>) {
 
 function checkInfiniteRange<OutputT: InterpolationConfigSupportedOutputType>(
   name: string,
-  arr: $ReadOnlyArray<OutputT>,
+  arr: ReadonlyArray<OutputT>,
 ) {
   invariant(arr.length >= 2, name + ' must have at least 2 elements');
   invariant(
@@ -428,7 +428,7 @@ export default class AnimatedInterpolation<
     let outputType = null;
     if (typeof outputRange[0] === 'string') {
       // $FlowFixMe[incompatible-type]
-      outputRange = ((outputRange: $ReadOnlyArray<string>).map(value => {
+      outputRange = ((outputRange: ReadonlyArray<string>).map(value => {
         const processedColor = processColor(value);
         if (typeof processedColor === 'number') {
           outputType = 'color';

package/Libraries/Animated/nodes/AnimatedNode.js

@@ -15,7 +15,7 @@ import invariant from 'invariant';
 
 type ValueListenerCallback = (state: {value: number, ...}) => unknown;
 
-export type AnimatedNodeConfig = $ReadOnly<{
+export type AnimatedNodeConfig = Readonly<{
   debugID?: string,
   unstable_disableBatchingForNativeCreate?: boolean,
 }>;
@@ -34,7 +34,7 @@ export default class AnimatedNode {
   _platformConfig: ?PlatformConfig = undefined;
 
   constructor(
-    config?: ?$ReadOnly<{
+    config?: ?Readonly<{
       ...AnimatedNodeConfig,
       ...
     }>,
@@ -61,7 +61,7 @@ export default class AnimatedNode {
   }
   __addChild(child: AnimatedNode) {}
   __removeChild(child: AnimatedNode) {}
-  __getChildren(): $ReadOnlyArray<AnimatedNode> {
+  __getChildren(): ReadonlyArray<AnimatedNode> {
     return [];
   }
 

package/Libraries/Animated/nodes/AnimatedObject.js

@@ -23,7 +23,7 @@ export function isPlainObject(
   value: unknown,
   /* $FlowFixMe[incompatible-type-guard] - Flow does not know that the prototype
      and ReactElement checks preserve the type refinement of `value`. */
-): value is $ReadOnly<{[string]: unknown}> {
+): value is Readonly<{[string]: unknown}> {
   const proto =
     value !== null && typeof value === 'object'
       ? Object.getPrototypeOf(value)
@@ -87,7 +87,7 @@ function mapAnimatedNodes(value: any, fn: any => any, depth: number = 0): any {
 }
 
 export default class AnimatedObject extends AnimatedWithChildren {
-  _nodes: $ReadOnlyArray<AnimatedNode>;
+  _nodes: ReadonlyArray<AnimatedNode>;
   _value: unknown;
 
   /**
@@ -106,7 +106,7 @@ export default class AnimatedObject extends AnimatedWithChildren {
    * Should only be called by `AnimatedObject.from`.
    */
   constructor(
-    nodes: $ReadOnlyArray<AnimatedNode>,
+    nodes: ReadonlyArray<AnimatedNode>,
     value: unknown,
     config?: ?AnimatedNodeConfig,
   ) {

package/Libraries/Animated/nodes/AnimatedProps.js

@@ -24,7 +24,7 @@ import AnimatedObject from './AnimatedObject';
 import AnimatedStyle from './AnimatedStyle';
 import invariant from 'invariant';
 
-export type AnimatedPropsAllowlist = $ReadOnly<{
+export type AnimatedPropsAllowlist = Readonly<{
   style?: ?AnimatedStyleAllowlist,
   [key: string]: true | AnimatedStyleAllowlist,
 }>;
@@ -38,7 +38,7 @@ type TargetViewInstance = React.ElementRef<React.ElementType>;
 function createAnimatedProps(
   inputProps: {[string]: unknown},
   allowlist: ?AnimatedPropsAllowlist,
-): [$ReadOnlyArray<string>, $ReadOnlyArray<AnimatedNode>, {[string]: unknown}] {
+): [ReadonlyArray<string>, ReadonlyArray<AnimatedNode>, {[string]: unknown}] {
   const nodeKeys: Array<string> = [];
   const nodes: Array<AnimatedNode> = [];
   const props: {[string]: unknown} = {};
@@ -96,8 +96,8 @@ function createAnimatedProps(
 
 export default class AnimatedProps extends AnimatedNode {
   _callback: () => void;
-  _nodeKeys: $ReadOnlyArray<string>;
-  _nodes: $ReadOnlyArray<AnimatedNode>;
+  _nodeKeys: ReadonlyArray<string>;
+  _nodes: ReadonlyArray<AnimatedNode>;
   _props: {[string]: unknown};
   _target: ?TargetView = null;
   _rootTag: ?RootTag = undefined;
@@ -179,7 +179,7 @@ export default class AnimatedProps extends AnimatedNode {
     return props;
   }
 
-  __getNativeAnimatedEventTuples(): $ReadOnlyArray<[string, AnimatedEvent]> {
+  __getNativeAnimatedEventTuples(): ReadonlyArray<[string, AnimatedEvent]> {
     const tuples = [];
 
     const keys = Object.keys(this._props);
@@ -358,6 +358,6 @@ export default class AnimatedProps extends AnimatedNode {
 // 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));