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

package/Libraries/NativeComponent/BaseViewConfig.ios.js

@@ -10,8 +10,12 @@
 
 import type {PartialViewConfigWithoutName} from './PlatformBaseViewConfig';
 
-import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
+import {
+  boxShadowAttribute,
+  colorAttribute,
+  filterAttribute,
+} from '../Components/View/ReactNativeStyleAttributes';
 import {validAttributesForTVProps} from './TVViewConfig';
 import {
   ConditionallyIgnoredEventHandlers,
@@ -206,11 +210,11 @@ const validAttributesForNonEventProps = {
   experimental_accessibilityOrder: true,
   accessibilityRespondsToUserInteraction: true,
   testID: true,
-  backgroundColor: {process: require('../StyleSheet/processColor').default},
+  backgroundColor: colorAttribute,
   backfaceVisibility: true,
   cursor: true,
   opacity: true,
-  shadowColor: {process: require('../StyleSheet/processColor').default},
+  shadowColor: colorAttribute,
   shadowOffset: {diff: require('../Utilities/differ/sizesDiffer').default},
   shadowOpacity: true,
   shadowRadius: true,
@@ -226,8 +230,8 @@ const validAttributesForNonEventProps = {
   removeClippedSubviews: true,
   role: true,
   borderRadius: true,
-  borderColor: {process: require('../StyleSheet/processColor').default},
-  borderBlockColor: {process: require('../StyleSheet/processColor').default},
+  borderColor: colorAttribute,
+  borderBlockColor: colorAttribute,
   borderCurve: true,
   borderWidth: true,
   borderBlockWidth: true,
@@ -235,33 +239,27 @@ const validAttributesForNonEventProps = {
   hitSlop: {diff: require('../Utilities/differ/insetsDiffer').default},
   collapsable: true,
   collapsableChildren: true,
-  filter: ReactNativeFeatureFlags.enableNativeCSSParsing()
-    ? (true as const)
-    : {process: require('../StyleSheet/processFilter').default},
-  boxShadow: ReactNativeFeatureFlags.enableNativeCSSParsing()
-    ? (true as const)
-    : {process: require('../StyleSheet/processBoxShadow').default},
+  filter: filterAttribute,
+  boxShadow: boxShadowAttribute,
   mixBlendMode: true,
   isolation: true,
 
   borderTopWidth: true,
-  borderTopColor: {process: require('../StyleSheet/processColor').default},
+  borderTopColor: colorAttribute,
   borderRightWidth: true,
-  borderRightColor: {process: require('../StyleSheet/processColor').default},
+  borderRightColor: colorAttribute,
   borderBottomWidth: true,
-  borderBottomColor: {process: require('../StyleSheet/processColor').default},
+  borderBottomColor: colorAttribute,
   borderLeftWidth: true,
-  borderLeftColor: {process: require('../StyleSheet/processColor').default},
+  borderLeftColor: colorAttribute,
   borderStartWidth: true,
   borderBlockStartWidth: true,
-  borderStartColor: {process: require('../StyleSheet/processColor').default},
-  borderBlockStartColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
+  borderStartColor: colorAttribute,
+  borderBlockStartColor: colorAttribute,
   borderEndWidth: true,
   borderBlockEndWidth: true,
-  borderEndColor: {process: require('../StyleSheet/processColor').default},
-  borderBlockEndColor: {process: require('../StyleSheet/processColor').default},
+  borderEndColor: colorAttribute,
+  borderBlockEndColor: colorAttribute,
 
   borderTopLeftRadius: true,
   borderTopRightRadius: true,

package/Libraries/NativeComponent/TVViewConfig.js

@@ -25,5 +25,6 @@ export const validAttributesForTVProps = {
   trapFocusRight: true,
   trapFocusDown: true,
   trapFocusUp: true,
+  scrollSnapAlign: true,
 };
 

package/Libraries/Network/RCTHTTPRequestHandler.h

@@ -14,6 +14,15 @@ typedef NSURLSessionConfiguration * (^NSURLSessionConfigurationProvider)(void);
  * app.
  */
 RCT_EXTERN void RCTSetCustomNSURLSessionConfigurationProvider(NSURLSessionConfigurationProvider /*provider*/);
+
+typedef NSURLRequest *_Nullable (^RCTHTTPRequestInterceptor)(NSURLRequest *request);
+/**
+ * The block provided via this function can inspect/modify HTTP requests before
+ * they are sent. Return a modified request to override, or nil to use the
+ * original request unchanged.
+ */
+RCT_EXTERN void RCTSetCustomHTTPRequestInterceptor(RCTHTTPRequestInterceptor /*interceptor*/);
+
 /**
  * This is the default RCTURLRequestHandler implementation for HTTP requests.
  */

package/Libraries/Network/RCTHTTPRequestHandler.mm

@@ -25,6 +25,13 @@ void RCTSetCustomNSURLSessionConfigurationProvider(NSURLSessionConfigurationProv
   urlSessionConfigurationProvider = provider;
 }
 
+static RCTHTTPRequestInterceptor httpRequestInterceptor;
+
+void RCTSetCustomHTTPRequestInterceptor(RCTHTTPRequestInterceptor interceptor)
+{
+  httpRequestInterceptor = interceptor;
+}
+
 @implementation RCTHTTPRequestHandler {
   NSMapTable *_delegates;
   NSURLSession *_session;
@@ -99,7 +106,14 @@ RCT_EXPORT_MODULE()
                                            valueOptions:NSPointerFunctionsStrongMemory
                                                capacity:0];
   }
-  NSURLSessionDataTask *task = [_session dataTaskWithRequest:request];
+  NSURLRequest *finalRequest = request;
+  if (httpRequestInterceptor != nullptr) {
+    NSURLRequest *intercepted = httpRequestInterceptor(request);
+    if (intercepted != nil) {
+      finalRequest = intercepted;
+    }
+  }
+  NSURLSessionDataTask *task = [_session dataTaskWithRequest:finalRequest];
   [_delegates setObject:delegate forKey:task];
   [task resume];
   return task;

package/Libraries/Network/RCTNetworking.android.js

@@ -48,7 +48,7 @@ const emitter = new NativeEventEmitter<$FlowFixMe>(
  * requestId to each network request that can be used to abort that request later on.
  */
 const RCTNetworking = {
-  addListener<K: $Keys<RCTNetworkingEventDefinitions>>(
+  addListener<K: keyof RCTNetworkingEventDefinitions>(
     eventType: K,
     listener: (...RCTNetworkingEventDefinitions[K]) => unknown,
     context?: unknown,

package/Libraries/Network/RCTNetworking.ios.js

@@ -18,7 +18,7 @@ import {type RCTNetworkingEventDefinitions} from './RCTNetworkingEventDefinition
 import {type NativeResponseType} from './XMLHttpRequest';
 
 const RCTNetworking = {
-  addListener<K: $Keys<RCTNetworkingEventDefinitions>>(
+  addListener<K: keyof RCTNetworkingEventDefinitions>(
     eventType: K,
     listener: (...RCTNetworkingEventDefinitions[K]) => unknown,
     context?: unknown,

package/Libraries/Network/RCTNetworking.js.flow

@@ -16,7 +16,7 @@ import type {RCTNetworkingEventDefinitions} from './RCTNetworkingEventDefinition
 import type {NativeResponseType} from './XMLHttpRequest';
 
 declare const RCTNetworking: interface {
-  addListener<K: $Keys<RCTNetworkingEventDefinitions>>(
+  addListener<K: keyof RCTNetworkingEventDefinitions>(
     eventType: K,
     // $FlowFixMe[invalid-computed-prop]
     listener: (...RCTNetworkingEventDefinitions[K]) => unknown,

package/Libraries/Network/RCTNetworkingEventDefinitions.flow.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-export type RCTNetworkingEventDefinitions = $ReadOnly<{
+export type RCTNetworkingEventDefinitions = Readonly<{
   didSendNetworkData: [
     [
       number, // requestId

package/Libraries/Network/XMLHttpRequest.js

@@ -284,7 +284,7 @@ class XMLHttpRequest extends EventTarget {
       case 'json':
         try {
           this._cachedResponse = JSON.parse(this._response);
-        } catch (_) {
+        } catch {
           this._cachedResponse = null;
         }
         break;

package/Libraries/PermissionsAndroid/PermissionsAndroid.js

@@ -31,7 +31,7 @@ const PERMISSION_REQUEST_RESULT = Object.freeze({
   NEVER_ASK_AGAIN: 'never_ask_again',
 });
 
-type PermissionsType = $ReadOnly<{
+type PermissionsType = Readonly<{
   READ_CALENDAR: 'android.permission.READ_CALENDAR',
   WRITE_CALENDAR: 'android.permission.WRITE_CALENDAR',
   CAMERA: 'android.permission.CAMERA',
@@ -78,7 +78,7 @@ type PermissionsType = $ReadOnly<{
 }>;
 
 export type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
-export type Permission = $Values<PermissionsType>;
+export type Permission = Values<PermissionsType>;
 
 const PERMISSIONS = Object.freeze({
   READ_CALENDAR: 'android.permission.READ_CALENDAR',
@@ -134,7 +134,7 @@ const PERMISSIONS = Object.freeze({
  */
 class PermissionsAndroidImpl {
   PERMISSIONS: PermissionsType = PERMISSIONS;
-  RESULTS: $ReadOnly<{
+  RESULTS: Readonly<{
     DENIED: 'denied',
     GRANTED: 'granted',
     NEVER_ASK_AGAIN: 'never_ask_again',

package/Libraries/Pressability/Pressability.js

@@ -27,7 +27,7 @@ import PressabilityPerformanceEventEmitter from './PressabilityPerformanceEventE
 import {type PressabilityTouchSignal as TouchSignal} from './PressabilityTypes.js';
 import invariant from 'invariant';
 
-export type PressabilityConfig = $ReadOnly<{
+export type PressabilityConfig = Readonly<{
   /**
    * Whether a press gesture can be interrupted by a parent gesture such as a
    * scroll event. Defaults to true.
@@ -142,7 +142,7 @@ export type PressabilityConfig = $ReadOnly<{
   blockNativeResponder?: ?boolean,
 }>;
 
-export type EventHandlers = $ReadOnly<{
+export type EventHandlers = Readonly<{
   onBlur: (event: BlurEvent) => void,
   onClick: (event: GestureResponderEvent) => void,
   onFocus: (event: FocusEvent) => void,
@@ -385,19 +385,20 @@ export default class Pressability {
   _pressDelayTimeout: ?TimeoutID = null;
   _pressOutDelayTimeout: ?TimeoutID = null;
   _responderID: ?number | HostInstance = null;
-  _responderRegion: ?$ReadOnly<{
+  _responderRegion: ?Readonly<{
     bottom: number,
     left: number,
     right: number,
     top: number,
   }> = null;
-  _touchActivatePosition: ?$ReadOnly<{
+  _touchActivatePosition: ?Readonly<{
     pageX: number,
     pageY: number,
   }>;
   _touchActivateTime: ?number;
   _touchState: TouchState = 'NOT_RESPONDER';
   _longPressSent: boolean = false;
+  _tvPressInReceived: boolean = false;
 
   constructor(config: PressabilityConfig) {
     this.configure(config);
@@ -416,6 +417,7 @@ export default class Pressability {
     this._cancelLongPressDelayTimeout();
     this._cancelPressDelayTimeout();
     this._cancelPressOutDelayTimeout();
+    this._tvPressInReceived = false;
 
     // Ensure that, if any async event handlers are fired after unmount
     // due to a race, we don't call any configured callbacks.
@@ -443,6 +445,7 @@ export default class Pressability {
           return;
         }
 
+        this._tvPressInReceived = true;
         this._longPressSent = false;
 
         const {onPressIn, onLongPress} = this._config;
@@ -463,6 +466,10 @@ export default class Pressability {
         if (this._config.disabled === true) {
           return;
         }
+        if (!this._tvPressInReceived) {
+          return;
+        }
+        this._tvPressInReceived = false;
         this._cancelLongPressDelayTimeout();
         const {onPress, onLongPress, onPressOut, android_disableSound} =
           this._config;
@@ -892,7 +899,7 @@ export default class Pressability {
 
   _isTouchWithinResponderRegion(
     touch: GestureResponderEvent['nativeEvent'],
-    responderRegion: $ReadOnly<{
+    responderRegion: Readonly<{
       bottom: number,
       left: number,
       right: number,

package/Libraries/Pressability/PressabilityDebug.js

@@ -15,7 +15,7 @@ import normalizeColor from '../StyleSheet/normalizeColor';
 import {type RectOrSize, normalizeRect} from '../StyleSheet/Rect';
 import * as React from 'react';
 
-type Props = $ReadOnly<{
+type Props = Readonly<{
   color: ColorValue,
   hitSlop: ?RectOrSize,
 }>;

package/Libraries/Pressability/PressabilityPerformanceEventEmitter.js

@@ -10,7 +10,7 @@
 
 import {type PressabilityTouchSignal as TouchSignal} from './PressabilityTypes.js';
 
-export type PressabilityPerformanceEvent = $ReadOnly<{
+export type PressabilityPerformanceEvent = Readonly<{
   signal: TouchSignal,
   nativeTimestamp: number,
 }>;

package/Libraries/Pressability/usePressability.js

@@ -8,26 +8,15 @@
  * @format
  */
 
-import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import Pressability, {
   type EventHandlers,
   type PressabilityConfig,
 } from './Pressability';
-import {useEffect, useInsertionEffect, useRef} from 'react';
+import {useInsertionEffect, useRef} from 'react';
 
 declare function usePressability(config: PressabilityConfig): EventHandlers;
 declare function usePressability(config: null | void): null | EventHandlers;
 
-// Experiments with using `useInsertionEffect` instead of `useEffect`, which
-// changes whether `Pressability` is configured or reset when inm a hidden
-// Activity. With `useInsertionEffect`, `Pressability` behaves more like a
-// platform control (e.g. Pointer Events), especially with respect to events
-// like focus and blur.
-const useConfigurationEffect =
-  ReactNativeFeatureFlags.configurePressabilityDuringInsertion()
-    ? useInsertionEffect
-    : useEffect;
-
 /**
  * Creates a persistent instance of `Pressability` that automatically configures
  * itself and resets. Accepts null `config` to support lazy initialization. Once
@@ -51,7 +40,7 @@ export default function usePressability(
 
   // On the initial mount, this is a no-op. On updates, `pressability` will be
   // re-configured to use the new configuration.
-  useConfigurationEffect(() => {
+  useInsertionEffect(() => {
     if (config != null && pressability != null) {
       pressability.configure(config);
     }
@@ -59,7 +48,7 @@ export default function usePressability(
 
   // On unmount, reset pending state and timers inside `pressability`. This is
   // a separate effect because we do not want to reset when `config` changes.
-  useConfigurationEffect(() => {
+  useInsertionEffect(() => {
     if (pressability != null) {
       return () => {
         pressability.reset();

package/Libraries/PushNotificationIOS/PushNotificationIOS.js

@@ -89,7 +89,7 @@ export type FetchResult = {
 /**
  * An event emitted by PushNotificationIOS.
  */
-export type PushNotificationEventName = $Keys<{
+export type PushNotificationEventName = keyof {
   /**
    * Fired when a remote notification is received. The handler will be invoked
    * with an instance of `PushNotificationIOS`. This will handle notifications
@@ -116,7 +116,7 @@ export type PushNotificationEventName = $Keys<{
    */
   registrationError: string,
   ...
-}>;
+};
 
 export interface PushNotification {
   /**

package/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm

@@ -34,24 +34,23 @@ static UNNotification *kInitialNotification = nil;
 + (UNNotificationContent *)UNNotificationContent:(id)json
 {
   NSDictionary<NSString *, id> *details = [self NSDictionary:json];
-  BOOL isSilent = [RCTConvert BOOL:details[@"isSilent"]];
   UNMutableNotificationContent *content = [UNMutableNotificationContent new];
 #if !TARGET_OS_TV
+  BOOL isSilent = [RCTConvert BOOL:details[@"isSilent"]];
   content.title = [RCTConvert NSString:details[@"alertTitle"]];
   content.body = [RCTConvert NSString:details[@"alertBody"]];
   content.userInfo = [RCTConvert NSDictionary:details[@"userInfo"]];
   content.categoryIdentifier = [RCTConvert NSString:details[@"category"]];
-#endif
-  if (details[@"applicationIconBadgeNumber"]) {
-    content.badge = [RCTConvert NSNumber:details[@"applicationIconBadgeNumber"]];
-  }
-#if !TARGET_OS_TV
   if (!isSilent) {
     NSString *soundName = [RCTConvert NSString:details[@"soundName"]];
     content.sound =
         soundName ? [UNNotificationSound soundNamed:details[@"soundName"]] : [UNNotificationSound defaultSound];
   }
 #endif
+  if (details[@"applicationIconBadgeNumber"]) {
+    content.badge = [RCTConvert NSNumber:details[@"applicationIconBadgeNumber"]];
+  }
+
   return content;
 }
 
@@ -225,14 +224,12 @@ RCT_EXPORT_MODULE()
 {
   BOOL const isRemoteNotification = IsNotificationRemote(notification);
   if (isRemoteNotification) {
-#if TARGET_OS_TV
-    NSDictionary *userInfo = nil;
-#else
+#if !TARGET_OS_TV
     NSDictionary *userInfo = @{@"notification" : notification.request.content.userInfo};
-#endif
     [[NSNotificationCenter defaultCenter] postNotificationName:RCTRemoteNotificationReceived
                                                         object:self
                                                       userInfo:userInfo];
+#endif
   } else {
     [[NSNotificationCenter defaultCenter] postNotificationName:kLocalNotificationReceived
                                                         object:self
@@ -403,14 +400,7 @@ static inline NSDictionary *RCTPromiseResolveValueForUNNotificationSettings(UNNo
 {
 #if TARGET_OS_TV
   return RCTSettingsDictForUNNotificationSettings(
-                                                  UNNotificationSettingDisabled,
-                                                  UNNotificationSettingDisabled,
-                                                  UNNotificationSettingDisabled,
-                                                  UNNotificationSettingDisabled,
-                                                  UNNotificationSettingDisabled,
-                                                  UNNotificationSettingDisabled,
-                                                  settings.authorizationStatus
-                                                  );
+      NO, settings.badgeSetting == UNNotificationSettingEnabled, NO, NO, NO, NO, settings.authorizationStatus);
 #else
   return RCTSettingsDictForUNNotificationSettings(
       settings.alertSetting == UNNotificationSettingEnabled,
@@ -582,9 +572,7 @@ RCT_EXPORT_METHOD(removeDeliveredNotifications : (NSArray<NSString *> *)identifi
 
 RCT_EXPORT_METHOD(getDeliveredNotifications : (RCTResponseSenderBlock)callback)
 {
-#if TARGET_OS_TV
-  callback(@[]);
-#else
+#if !TARGET_OS_TV
   UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
   [center getDeliveredNotificationsWithCompletionHandler:^(NSArray<UNNotification *> *_Nonnull notifications) {
     NSMutableArray<NSDictionary *> *formattedNotifications = [NSMutableArray new];
@@ -594,6 +582,8 @@ RCT_EXPORT_METHOD(getDeliveredNotifications : (RCTResponseSenderBlock)callback)
     }
     callback(@[ formattedNotifications ]);
   }];
+#else
+  callback(@[ @[] ]);
 #endif
 }
 

package/Libraries/ReactNative/AppContainer-dev.js

@@ -8,12 +8,14 @@
  * @format
  */
 
+import type {TouchedViewDataAtPoint} from '../Renderer/shims/ReactNativeTypes';
 import type {
   ReactDevToolsAgent,
   ReactDevToolsGlobalHook,
 } from '../Types/ReactDevToolsTypes';
 import type {Props} from './AppContainer';
 
+import useExternalInspection from '../../src/private/devsupport/devmenu/elementinspector/useExternalInspection';
 import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
 import View from '../Components/View/View';
 /*
@@ -43,16 +45,25 @@ if (reactDevToolsHook) {
   );
 }
 
+type ExternalInspection = {
+  externalInspectingEnabled: boolean,
+  +reportToExternalInspection: (viewData: TouchedViewDataAtPoint) => void,
+};
+
 type InspectorDeferredProps = {
   inspectedViewRef: InspectedViewRef,
   onInspectedViewRerenderRequest: () => void,
   reactDevToolsAgent?: ReactDevToolsAgent,
+  devMenuInspectorOpen: boolean,
+  externalInspection: ExternalInspection,
 };
 
 const InspectorDeferred = ({
   inspectedViewRef,
   onInspectedViewRerenderRequest,
   reactDevToolsAgent,
+  devMenuInspectorOpen,
+  externalInspection,
 }: InspectorDeferredProps) => {
   // D39382967 adds a require cycle: InitializeCore -> AppContainer -> Inspector -> InspectorPanel -> ScrollView -> InitializeCore
   // We can't remove it yet, fallback to dynamic require for now. This is the only reason why this logic is in a separate function.
@@ -64,6 +75,8 @@ const InspectorDeferred = ({
       inspectedViewRef={inspectedViewRef}
       onRequestRerenderApp={onInspectedViewRerenderRequest}
       reactDevToolsAgent={reactDevToolsAgent}
+      devMenuInspectorOpen={devMenuInspectorOpen}
+      externalInspection={externalInspection}
     />
   );
 };
@@ -113,6 +126,7 @@ const AppContainer = ({
   const [shouldRenderInspector, setShouldRenderInspector] = useState(false);
   const [reactDevToolsAgent, setReactDevToolsAgent] =
     useState<ReactDevToolsAgent | void>(reactDevToolsHook?.reactDevtoolsAgent);
+  const externalInspection = useExternalInspection();
 
   useEffect(() => {
     let inspectorSubscription = null;
@@ -184,11 +198,14 @@ const AppContainer = ({
           />
         )}
 
-        {shouldRenderInspector && (
+        {(shouldRenderInspector ||
+          externalInspection.externalInspectingEnabled) && (
           <InspectorDeferred
             inspectedViewRef={innerViewRef}
             onInspectedViewRerenderRequest={onInspectedViewRerenderRequest}
             reactDevToolsAgent={reactDevToolsAgent}
+            devMenuInspectorOpen={shouldRenderInspector}
+            externalInspection={externalInspection}
           />
         )}
 

package/Libraries/ReactNative/AppContainer.js

@@ -13,7 +13,7 @@ import type {RootTag} from './RootTag';
 
 import * as React from 'react';
 
-export type Props = $ReadOnly<{
+export type Props = Readonly<{
   children?: React.Node,
   fabric?: boolean,
   rootTag: number | RootTag,

package/Libraries/ReactNative/AppRegistry.flow.js

@@ -29,7 +29,7 @@ export type AppConfig = {
   ...
 };
 export type AppParameters = {
-  initialProps: $ReadOnly<{[string]: unknown, ...}>,
+  initialProps: Readonly<{[string]: unknown, ...}>,
   rootTag: RootTag,
   fabric?: boolean,
 };
@@ -39,7 +39,7 @@ export type Runnable = (
 ) => void;
 export type Runnables = {[appKey: string]: Runnable};
 export type Registry = {
-  sections: $ReadOnlyArray<string>,
+  sections: ReadonlyArray<string>,
   runnables: Runnables,
   ...
 };

package/Libraries/ReactNative/AppRegistryImpl.js

@@ -119,11 +119,11 @@ export function registerSection(
   registerComponent(appKey, component, true);
 }
 
-export function getAppKeys(): $ReadOnlyArray<string> {
+export function getAppKeys(): ReadonlyArray<string> {
   return Object.keys(runnables);
 }
 
-export function getSectionKeys(): $ReadOnlyArray<string> {
+export function getSectionKeys(): ReadonlyArray<string> {
   return Object.keys(sections);
 }
 

package/Libraries/ReactNative/FabricUIManager.js

@@ -154,7 +154,7 @@ export function getFabricUIManager(): ?Spec {
  */
 function createProxyWithCachedProperties(
   implementation: Spec,
-  propertiesToCache: $ReadOnlyArray<string>,
+  propertiesToCache: ReadonlyArray<string>,
 ): Spec {
   const proxy = Object.create(implementation);
   for (const propertyName of propertiesToCache) {

package/Libraries/ReactNative/RendererImplementation.js

@@ -37,11 +37,11 @@ function getPaperRenderer(): ReactNativeType {
   return cachedPaperRenderer;
 }
 
-const getMethod: (<MethodName: $Keys<ReactFabricType>>(
+const getMethod: (<MethodName: keyof ReactFabricType>(
   () => ReactFabricType,
   MethodName,
 ) => ReactFabricType[MethodName]) &
-  (<MethodName: $Keys<ReactNativeType>>(
+  (<MethodName: keyof ReactNativeType>(
     () => ReactNativeType,
     MethodName,
   ) => ReactNativeType[MethodName]) = (getRenderer, methodName) => {
@@ -59,13 +59,13 @@ const getMethod: (<MethodName: $Keys<ReactFabricType>>(
   };
 };
 
-function getFabricMethod<MethodName: $Keys<ReactFabricType>>(
+function getFabricMethod<MethodName: keyof ReactFabricType>(
   methodName: MethodName,
 ): ReactFabricType[MethodName] {
   return getMethod(getFabricRenderer, methodName);
 }
 
-function getPaperMethod<MethodName: $Keys<ReactNativeType>>(
+function getPaperMethod<MethodName: keyof ReactNativeType>(
   methodName: MethodName,
 ): ReactNativeType[MethodName] {
   return getMethod(getPaperRenderer, methodName);

package/Libraries/ReactNative/UIManagerProperties.js

@@ -26,7 +26,7 @@
  * accessed. Once UIManager property accesses for view managers has been fully
  * deprecated, this file will also be removed.
  */
-const UIManagerProperties: $ReadOnlyArray<string> = [
+const UIManagerProperties: ReadonlyArray<string> = [
   'clearJSResponder',
   'configureNextLayoutAnimation',
   'createView',

package/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js

@@ -7,9 +7,10 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<22737380b5e4280ce3563ac009164f56>>
+ * @generated SignedSource<<a389884f917160390547bb8b67479473>>
  *
- * This file was sync'd from the facebook/react repository.
+ * This file is no longer sync'd from the facebook/react repository.
+ * The version compatibility check is removed. Use at your own risk.
  */
 
 "use strict";

package/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js

@@ -7,9 +7,10 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<232209f5a157745637191195f25907c7>>
+ * @generated SignedSource<<7e40a1e09e8b18f5fde8d400a830ed9a>>
  *
- * This file was sync'd from the facebook/react repository.
+ * This file is no longer sync'd from the facebook/react repository.
+ * The version compatibility check is removed. Use at your own risk.
  */
 
 "use strict";