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

package/Libraries/Modal/Modal.js

@@ -59,7 +59,7 @@ const ModalEventEmitter =
 // destroyed before the callback is fired.
 let uniqueModalIdentifier = 0;
 
-type OrientationChangeEvent = $ReadOnly<{
+type OrientationChangeEvent = Readonly<{
   orientation: 'portrait' | 'landscape',
 }>;
 
@@ -125,7 +125,7 @@ export type ModalPropsIOS = {
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
    * On iOS, the modal is still restricted by what's specified in your app's Info.plist's UISupportedInterfaceOrientations field.
    */
-  supportedOrientations?: ?$ReadOnlyArray<
+  supportedOrientations?: ?ReadonlyArray<
     | 'portrait'
     | 'portrait-upside-down'
     | 'landscape'
@@ -383,7 +383,7 @@ const styles = StyleSheet.create({
   },
 });
 
-type ModalRefProps = $ReadOnly<{
+type ModalRefProps = Readonly<{
   ref?: React.RefSetter<PublicModalInstance>,
 }>;
 

package/Libraries/Modal/Modal.windows.js

@@ -56,7 +56,7 @@ const ModalEventEmitter =
 // destroyed before the callback is fired.
 let uniqueModalIdentifier = 0;
 
-type OrientationChangeEvent = $ReadOnly<{
+type OrientationChangeEvent = Readonly<{
   orientation: 'portrait' | 'landscape',
 }>;
 
@@ -122,7 +122,7 @@ export type ModalPropsIOS = {
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
    * On iOS, the modal is still restricted by what's specified in your app's Info.plist's UISupportedInterfaceOrientations field.
    */
-  supportedOrientations?: ?$ReadOnlyArray<
+  supportedOrientations?: ?ReadonlyArray<
     | 'portrait'
     | 'portrait-upside-down'
     | 'landscape'
@@ -174,6 +174,8 @@ export type ModalPropsWindows = {
    * [Windows] The `title` prop sets the title of the modal window.
    */
   title?: ?string,
+  hideTitleBar?: ?boolean,
+  hideBorder?: ?boolean,
 };
 
 export type ModalProps = {
@@ -352,6 +354,8 @@ class Modal extends React.Component<ModalProps, ModalState> {
         onOrientationChange={this.props.onOrientationChange}
         allowSwipeDismissal={this.props.allowSwipeDismissal}
         testID={this.props.testID}
+        hideTitleBar={this.props.hideTitleBar} // [Windows]
+        hideBorder={this.props.hideBorder} // [Windows]
         title={this.props.title}>
         <VirtualizedListContextResetter>
           <ScrollView.Context.Provider value={null}>
@@ -391,7 +395,7 @@ const styles = StyleSheet.create({
   },
 });
 
-type ModalRefProps = $ReadOnly<{
+type ModalRefProps = Readonly<{
   ref?: React.RefSetter<PublicModalInstance>,
 }>;
 

package/Libraries/NativeComponent/BaseViewConfig.android.js

@@ -10,8 +10,16 @@
 
 import type {PartialViewConfigWithoutName} from './PlatformBaseViewConfig';
 
-import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
+import {
+  backgroundImageAttribute,
+  backgroundPositionAttribute,
+  backgroundRepeatAttribute,
+  backgroundSizeAttribute,
+  boxShadowAttribute,
+  colorAttribute,
+  filterAttribute,
+} from '../Components/View/ReactNativeStyleAttributes';
 import {DynamicallyInjectedByGestureHandler} from './ViewConfigIgnore';
 
 const bubblingEventTypes = {
@@ -188,32 +196,20 @@ const directEventTypes = {
 
 const validAttributesForNonEventProps = {
   // @ReactProps from BaseViewManager
-  backgroundColor: {process: require('../StyleSheet/processColor').default},
+  backgroundColor: colorAttribute,
   transform: true,
   transformOrigin: true,
-  experimental_backgroundImage: ReactNativeFeatureFlags.enableNativeCSSParsing()
-    ? (true as const)
-    : {process: require('../StyleSheet/processBackgroundImage').default},
-  experimental_backgroundSize: {
-    process: require('../StyleSheet/processBackgroundSize').default,
-  },
-  experimental_backgroundPosition: {
-    process: require('../StyleSheet/processBackgroundPosition').default,
-  },
-  experimental_backgroundRepeat: {
-    process: require('../StyleSheet/processBackgroundRepeat').default,
-  },
-  boxShadow: ReactNativeFeatureFlags.enableNativeCSSParsing()
-    ? (true as const)
-    : {process: require('../StyleSheet/processBoxShadow').default},
-  filter: ReactNativeFeatureFlags.enableNativeCSSParsing()
-    ? (true as const)
-    : {process: require('../StyleSheet/processFilter').default},
+  experimental_backgroundImage: backgroundImageAttribute,
+  experimental_backgroundSize: backgroundSizeAttribute,
+  experimental_backgroundPosition: backgroundPositionAttribute,
+  experimental_backgroundRepeat: backgroundRepeatAttribute,
+  boxShadow: boxShadowAttribute,
+  filter: filterAttribute,
   mixBlendMode: true,
   isolation: true,
   opacity: true,
   elevation: true,
-  shadowColor: {process: require('../StyleSheet/processColor').default},
+  shadowColor: colorAttribute,
   zIndex: true,
   renderToHardwareTextureAndroid: true,
   testID: true,
@@ -305,7 +301,7 @@ const validAttributesForNonEventProps = {
   borderLeftWidth: true,
   borderRightWidth: true,
 
-  outlineColor: {process: require('../StyleSheet/processColor').default},
+  outlineColor: colorAttribute,
   outlineOffset: true,
   outlineStyle: true,
   outlineWidth: true,
@@ -361,36 +357,16 @@ const validAttributesForNonEventProps = {
   nativeForegroundAndroid: true,
   needsOffscreenAlphaCompositing: true,
 
-  borderColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderLeftColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderRightColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderTopColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderBottomColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderStartColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderEndColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderBlockColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderBlockEndColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
-  borderBlockStartColor: {
-    process: require('../StyleSheet/processColor').default,
-  },
+  borderColor: colorAttribute,
+  borderLeftColor: colorAttribute,
+  borderRightColor: colorAttribute,
+  borderTopColor: colorAttribute,
+  borderBottomColor: colorAttribute,
+  borderStartColor: colorAttribute,
+  borderEndColor: colorAttribute,
+  borderBlockColor: colorAttribute,
+  borderBlockEndColor: colorAttribute,
+  borderBlockStartColor: colorAttribute,
   focusable: true,
   backfaceVisibility: true,
 } as const;

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 {
   ConditionallyIgnoredEventHandlers,
   DynamicallyInjectedByGestureHandler,
@@ -199,11 +203,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,
@@ -219,8 +223,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,
@@ -228,33 +232,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/BaseViewConfig.windows.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 {DynamicallyInjectedByGestureHandler} from './ViewConfigIgnore';
 
 const bubblingEventTypes = {
@@ -85,6 +89,14 @@ const bubblingEventTypes = {
     },
   },
   // Experimental/Work in Progress Pointer Events (not yet ready for use)
+  // [Windows
+  topAuxClick: {
+    phasedRegistrationNames: {
+      captured: 'onAuxClickCapture',
+      bubbled: 'onAuxClick',
+    },
+  },
+  // Windows]
   topClick: {
     phasedRegistrationNames: {
       captured: 'onClickCapture',
@@ -218,10 +230,10 @@ const validAttributesForNonEventProps = {
   accessibilityLargeContentTitle: true,
   experimental_accessibilityOrder: true,
   testID: true,
-  backgroundColor: {process: require('../StyleSheet/processColor').default},
+  backgroundColor: colorAttribute,
   backfaceVisibility: true,
   opacity: true,
-  shadowColor: {process: require('../StyleSheet/processColor').default},
+  shadowColor: colorAttribute,
   shadowOffset: {diff: require('../Utilities/differ/sizesDiffer').default},
   shadowOpacity: true,
   shadowRadius: true,
@@ -237,34 +249,30 @@ const validAttributesForNonEventProps = {
   removeClippedSubviews: true,
   role: true,
   borderRadius: true,
-  borderColor: {process: require('../StyleSheet/processColor').default},
+  borderColor: colorAttribute,
   borderCurve: true,
   borderWidth: true,
   borderStyle: true,
   hitSlop: {diff: require('../Utilities/differ/insetsDiffer').default},
   collapsable: true,
   collapsableChildren: true,
-  experimental_filter: ReactNativeFeatureFlags.enableNativeCSSParsing()
-    ? (true as const)
-    : {process: require('../StyleSheet/processFilter').default},
-  boxShadow: ReactNativeFeatureFlags.enableNativeCSSParsing()
-    ? (true as const)
-    : {process: require('../StyleSheet/processBoxShadow').default},
+  experimental_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,
-  borderStartColor: {process: require('../StyleSheet/processColor').default},
+  borderStartColor: colorAttribute,
   borderEndWidth: true,
-  borderEndColor: {process: require('../StyleSheet/processColor').default},
+  borderEndColor: colorAttribute,
 
   borderTopLeftRadius: true,
   borderTopRightRadius: true,
@@ -383,7 +391,6 @@ const validAttributesForNonEventProps = {
   keyUpEvents: true, // [Windows]
   tabIndex: true, // [Windows]
   tooltip: true, // [Windows]
-  onClick: true, // [Windows]
   enableFocusRing: true, // [Windows]
   importantForAccessibility: true, // [Windows]
 
@@ -424,6 +431,8 @@ const validAttributesForEventProps = {
   onTouchCancel: true,
 
   // Pointer events
+  onAuxClick: true, // [Windows]
+  onAuxClickCapture: true, // [Windows]
   onClick: true,
   onClickCapture: true,
   onPointerUp: true,

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/RCTNetworking.windows.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/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.
@@ -137,7 +137,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,
@@ -378,13 +378,13 @@ 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,
   }>;
@@ -830,7 +830,7 @@ export default class Pressability {
 
   _isTouchWithinResponderRegion(
     touch: GestureResponderEvent['nativeEvent'],
-    responderRegion: $ReadOnly<{
+    responderRegion: Readonly<{
       bottom: number,
       left: number,
       right: number,

package/Libraries/Pressability/Pressability.windows.js

@@ -29,7 +29,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.
@@ -165,7 +165,7 @@ export type PressabilityConfig = $ReadOnly<{
   // Windows]
 }>;
 
-export type EventHandlers = $ReadOnly<{
+export type EventHandlers = Readonly<{
   onBlur: (event: BlurEvent) => void,
   onClick: (event: GestureResponderEvent) => void,
   onFocus: (event: FocusEvent) => void,
@@ -410,13 +410,13 @@ 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,
   }>;
@@ -937,7 +937,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 {
   /**