react-native-windows 0.83.0-preview.2 → 0.84.0-preview.2

package/Libraries/Text/Text.windows.js

@@ -48,6 +48,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     ref: forwardedRef,
     accessible,
     accessibilityLabel,
+    accessibilityRole,
     accessibilityState,
     allowFontScaling,
     'aria-busy': ariaBusy,
@@ -85,6 +86,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     onResponderTerminationRequest,
     onStartShouldSetResponder,
     pressRetentionOffset,
+    role,
     selectable,
     selectionColor,
     suppressHighlighting,
@@ -185,6 +187,17 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
         onStartShouldSetResponder != null) &&
       _disabled !== true;
 
+    const shouldUseLinkRole =
+      ReactNativeFeatureFlags.shouldUseLinkRoleForPressableText() &&
+      isPressable &&
+      accessibilityRole == null &&
+      role == null;
+
+    const _accessibilityRole =
+      accessibilityRole ?? (shouldUseLinkRole ? 'link' : undefined);
+
+    const _role = shouldUseLinkRole ? undefined : role;
+
     // TODO: Move this processing to the view configuration.
     const _selectionColor =
       selectionColor != null ? processColor(selectionColor) : undefined;
@@ -242,6 +255,9 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     if (_accessibilityLabel !== undefined) {
       processedProps.accessibilityLabel = _accessibilityLabel;
     }
+    if (_accessibilityRole !== undefined) {
+      processedProps.accessibilityRole = _accessibilityRole;
+    }
     if (_accessibilityState !== undefined) {
       processedProps.accessibilityState = _accessibilityState;
     }
@@ -260,6 +276,9 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     if (_selectionColor !== undefined) {
       processedProps.selectionColor = _selectionColor;
     }
+    if (_role !== undefined) {
+      processedProps.role = _role;
+    }
 
     // [Windows accessibility properties
     if (ariaLevel !== undefined) {
@@ -365,6 +384,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     accessibilityElementsHidden,
     importantForAccessibility,
     accessibilityLabel,
+    accessibilityRole,
     accessibilityState,
     allowFontScaling,
     'aria-busy': ariaBusy,
@@ -402,6 +422,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     onResponderTerminationRequest,
     onStartShouldSetResponder,
     pressRetentionOffset,
+    role,
     selectable,
     selectionColor,
     suppressHighlighting,
@@ -478,6 +499,17 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
         onStartShouldSetResponder != null) &&
       _disabled !== true;
 
+    const shouldUseLinkRole =
+      ReactNativeFeatureFlags.shouldUseLinkRoleForPressableText() &&
+      isPressable &&
+      accessibilityRole == null &&
+      role == null;
+
+    const _accessibilityRole =
+      accessibilityRole ?? (shouldUseLinkRole ? 'link' : undefined);
+
+    const _role = shouldUseLinkRole ? undefined : role;
+
     // TODO: Move this processing to the view configuration.
     const _selectionColor =
       selectionColor != null ? processColor(selectionColor) : undefined;
@@ -542,6 +574,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
               ...restProps,
               accessibilityElementsHidden: _accessibilityElementsHidden,
               accessibilityLabel: _accessibilityLabel,
+              accessibilityRole: _accessibilityRole,
               accessibilityState: _accessibilityState,
               importantForAccessibility: _importantForAccessibility,
               // #[Windows
@@ -556,6 +589,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
               selectionColor: _selectionColor,
               style: _style,
               disabled: disabled,
+              role: _role,
               children,
             }}
             textPressabilityProps={{
@@ -581,6 +615,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           {...restProps}
           accessibilityElementsHidden={_accessibilityElementsHidden}
           accessibilityLabel={_accessibilityLabel}
+          accessibilityRole={_accessibilityRole}
           accessibilityState={_accessibilityState}
           importantForAccessibility={_importantForAccessibility}
           nativeID={_nativeID}
@@ -589,7 +624,8 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           selectable={_selectable}
           selectionColor={_selectionColor}
           style={_style}
-          disabled={disabled}>
+          disabled={disabled}
+          role={_role}>
           {children}
         </NativeVirtualText>
       );
@@ -624,6 +660,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
             ...restProps,
             accessibilityElementsHidden: _accessibilityElementsHidden,
             accessibilityLabel: _accessibilityLabel,
+            accessibilityRole: _accessibilityRole,
             accessibilityState: _accessibilityState,
             accessible: _accessible,
             allowFontScaling: allowFontScaling !== false,
@@ -635,6 +672,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
             selectable: _selectable,
             selectionColor: _selectionColor,
             style: _style,
+            role: _role,
             children,
           }}
           textPressabilityProps={{
@@ -659,6 +697,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           {...restProps}
           accessibilityElementsHidden={_accessibilityElementsHidden}
           accessibilityLabel={_accessibilityLabel}
+          accessibilityRole={_accessibilityRole}
           accessibilityState={_accessibilityState}
           // #[Windows
           accessibilityLevel={_accessibilityLevel} // Windows
@@ -675,7 +714,8 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           ref={forwardedRef}
           selectable={_selectable}
           selectionColor={_selectionColor}
-          style={_style}>
+          style={_style}
+          role={_role}>
           {children}
         </NativeText>
       );
@@ -719,10 +759,10 @@ const TextImpl: component(
 TextImpl.displayName = 'Text';
 
 type TextPressabilityProps = $ReadOnly<{
-  onLongPress?: ?(event: GestureResponderEvent) => mixed,
-  onPress?: ?(event: GestureResponderEvent) => mixed,
-  onPressIn?: ?(event: GestureResponderEvent) => mixed,
-  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => unknown,
+  onPress?: ?(event: GestureResponderEvent) => unknown,
+  onPressIn?: ?(event: GestureResponderEvent) => unknown,
+  onPressOut?: ?(event: GestureResponderEvent) => unknown,
   onResponderGrant?: ?(event: GestureResponderEvent) => void,
   onResponderMove?: ?(event: GestureResponderEvent) => void,
   onResponderRelease?: ?(event: GestureResponderEvent) => void,

package/Libraries/Text/TextNativeComponent.js

@@ -21,7 +21,7 @@ export type NativeTextProps = $ReadOnly<{
   ...TextProps,
   isHighlighted?: ?boolean,
   selectionColor?: ?ProcessedColorValue,
-  onClick?: ?(event: GestureResponderEvent) => mixed,
+  onClick?: ?(event: GestureResponderEvent) => unknown,
   // This is only needed for platforms that optimize text hit testing, e.g.,
   // react-native-windows. It can be used to only hit test virtual text spans
   // that have pressable events attached to them.

package/Libraries/Text/TextProps.js

@@ -122,7 +122,7 @@ export type TextPropsAndroid = {
 };
 
 type TextBaseProps = $ReadOnly<{
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
 
   /**
    * Whether fonts should scale to respect Text Size accessibility settings.
@@ -204,7 +204,7 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlayout
    */
-  onLayout?: ?(event: LayoutChangeEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => unknown,
 
   /**
    * This function is called on long press.
@@ -212,7 +212,7 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlongpress
    */
-  onLongPress?: ?(event: GestureResponderEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => unknown,
 
   /**
    * This function is called on press.
@@ -220,9 +220,9 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onpress
    */
-  onPress?: ?(event: GestureResponderEvent) => mixed,
-  onPressIn?: ?(event: GestureResponderEvent) => mixed,
-  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onPress?: ?(event: GestureResponderEvent) => unknown,
+  onPressIn?: ?(event: GestureResponderEvent) => unknown,
+  onPressOut?: ?(event: GestureResponderEvent) => unknown,
   onResponderGrant?: ?(event: GestureResponderEvent) => void,
   onResponderMove?: ?(event: GestureResponderEvent) => void,
   onResponderRelease?: ?(event: GestureResponderEvent) => void,
@@ -230,7 +230,7 @@ type TextBaseProps = $ReadOnly<{
   onResponderTerminationRequest?: ?() => boolean,
   onStartShouldSetResponder?: ?() => boolean,
   onMoveShouldSetResponder?: ?() => boolean,
-  onTextLayout?: ?(event: TextLayoutEvent) => mixed,
+  onTextLayout?: ?(event: TextLayoutEvent) => unknown,
 
   /**
    * Defines how far your touch may move off of the button, before

package/Libraries/Text/TextProps.windows.js

@@ -122,7 +122,7 @@ export type TextPropsAndroid = {
 };
 
 type TextBaseProps = $ReadOnly<{
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
   accessibilityLevel?: ?number, // Windows
   accessibilityPosInSet?: ?number, // Windows
   accessibilitySetSize?: ?number, // Windows
@@ -214,7 +214,7 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlayout
    */
-  onLayout?: ?(event: LayoutChangeEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => unknown,
 
   /**
    * This function is called on long press.
@@ -222,7 +222,7 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onlongpress
    */
-  onLongPress?: ?(event: GestureResponderEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => unknown,
 
   /**
    * This function is called on press.
@@ -230,9 +230,9 @@ type TextBaseProps = $ReadOnly<{
    *
    * See https://reactnative.dev/docs/text#onpress
    */
-  onPress?: ?(event: GestureResponderEvent) => mixed,
-  onPressIn?: ?(event: GestureResponderEvent) => mixed,
-  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onPress?: ?(event: GestureResponderEvent) => unknown,
+  onPressIn?: ?(event: GestureResponderEvent) => unknown,
+  onPressOut?: ?(event: GestureResponderEvent) => unknown,
   onResponderGrant?: ?(event: GestureResponderEvent) => void,
   onResponderMove?: ?(event: GestureResponderEvent) => void,
   onResponderRelease?: ?(event: GestureResponderEvent) => void,
@@ -240,7 +240,7 @@ type TextBaseProps = $ReadOnly<{
   onResponderTerminationRequest?: ?() => boolean,
   onStartShouldSetResponder?: ?() => boolean,
   onMoveShouldSetResponder?: ?() => boolean,
-  onTextLayout?: ?(event: TextLayoutEvent) => mixed,
+  onTextLayout?: ?(event: TextLayoutEvent) => unknown,
 
   /**
    * Defines how far your touch may move off of the button, before

package/Libraries/Types/CodegenTypes.js

@@ -31,7 +31,7 @@ export type Float = number;
 export type Int32 = number;
 /* $FlowFixMe[unclear-type] Object is forbidden in strict mode */
 export type UnsafeObject = Object;
-export type UnsafeMixed = mixed;
+export type UnsafeMixed = unknown;
 
 type DefaultTypes = number | boolean | string | $ReadOnlyArray<string>;
 // Default handling, ignore the unused value

package/Libraries/Types/CoreEventTypes.js

@@ -322,3 +322,34 @@ export type MouseEvent = NativeSyntheticEvent<
     timestamp: number,
   }>,
 >;
+
+export type KeyEvent = $ReadOnly<{
+  /**
+   * The actual key that was pressed. For example, F would be "f" or "F" depending on the shift key.
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key
+   */
+  key: string,
+  /**
+   * The key code of the key that was pressed. For example, F would be "KeyF"
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code
+   */
+  code: string,
+  altKey: boolean,
+  ctrlKey: boolean,
+  metaKey: boolean,
+  shiftKey: boolean,
+  /**
+   * A boolean value that is true if the given key is being held down such that it is automatically repeating.
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat
+   */
+  repeat?: boolean,
+  /**
+   * Returns a boolean value indicating if the event is fired within a composition session
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent/isComposing
+   */
+  isComposing?: boolean,
+}>;
+
+export type KeyUpEvent = NativeSyntheticEvent<KeyEvent>;
+
+export type KeyDownEvent = NativeSyntheticEvent<KeyEvent>;

package/Libraries/Types/CoreEventTypes.windows.js

@@ -357,16 +357,34 @@ export type MouseEvent = NativeSyntheticEvent<
 >;
 // Windows]
 
-// [Windows
-export type KeyEvent = NativeSyntheticEvent<
-  $ReadOnly<{
-    altKey: boolean,
-    ctrlKey: boolean,
-    metaKey: boolean,
-    shiftKey: boolean,
-    key: string,
-    code: string,
-    eventPhase: number,
-  }>,
->;
-// Windows]
+export type KeyEvent = $ReadOnly<{
+  /**
+   * The actual key that was pressed. For example, F would be "f" or "F" depending on the shift key.
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key
+   */
+  key: string,
+  /**
+   * The key code of the key that was pressed. For example, F would be "KeyF"
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code
+   */
+  code: string,
+  altKey: boolean,
+  ctrlKey: boolean,
+  metaKey: boolean,
+  shiftKey: boolean,
+  /**
+   * A boolean value that is true if the given key is being held down such that it is automatically repeating.
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat
+   */
+  repeat?: boolean,
+  /**
+   * Returns a boolean value indicating if the event is fired within a composition session
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent/isComposing
+   */
+  isComposing?: boolean,
+  eventPhase: number, // Windows
+}>;
+
+export type KeyUpEvent = NativeSyntheticEvent<KeyEvent>;
+
+export type KeyDownEvent = NativeSyntheticEvent<KeyEvent>;

package/Libraries/Types/ReactDevToolsTypes.js

@@ -32,7 +32,7 @@ export type ReactDevToolsAgentEvents = {
 };
 
 export type ReactDevToolsAgent = {
-  selectNode(node: mixed): void,
+  selectNode(node: unknown): void,
   stopInspectingNative(value: boolean): void,
   addListener<Event: $Keys<ReactDevToolsAgentEvents>>(
     event: Event,
@@ -48,6 +48,6 @@ export type ReactDevToolsGlobalHook = {
   on: (eventName: string, (agent: ReactDevToolsAgent) => void) => void,
   off: (eventName: string, (agent: ReactDevToolsAgent) => void) => void,
   reactDevtoolsAgent?: ReactDevToolsAgent,
-  resolveRNStyle?: mixed,
+  resolveRNStyle?: unknown,
   nativeStyleEditorValidAttributes?: Array<string>,
 };

package/Libraries/Utilities/Appearance.js

@@ -35,7 +35,7 @@ let lazyState: ?{
 /**
  * Ensures that all state and listeners are lazily initialized correctly.
  */
-function getState(): $NonMaybeType<typeof lazyState> {
+function getState(): NonNullable<typeof lazyState> {
   if (lazyState != null) {
     return lazyState;
   }
@@ -50,7 +50,7 @@ function getState(): $NonMaybeType<typeof lazyState> {
       eventEmitter,
     };
   } else {
-    const state: $NonMaybeType<typeof lazyState> = {
+    const state: NonNullable<typeof lazyState> = {
       NativeAppearance,
       appearance: null,
       eventEmitter,

package/Libraries/Utilities/DevLoadingView.js

@@ -44,7 +44,11 @@ const COLOR_SCHEME = {
 };
 
 export default {
-  showMessage(message: string, type: 'load' | 'refresh' | 'error') {
+  showMessage(
+    message: string,
+    type: 'load' | 'refresh' | 'error',
+    options?: {dismissButton?: boolean},
+  ) {
     if (NativeDevLoadingView) {
       const colorScheme =
         getColorScheme() === 'dark' ? COLOR_SCHEME.dark : COLOR_SCHEME.default;
@@ -59,10 +63,13 @@ export default {
         textColor = processColor(colorSet.textColor);
       }
 
+      const hasDismissButton = options?.dismissButton ?? false;
+
       NativeDevLoadingView.showMessage(
         message,
         typeof textColor === 'number' ? textColor : null,
         typeof backgroundColor === 'number' ? backgroundColor : null,
+        hasDismissButton,
       );
     }
   },

package/Libraries/Utilities/DevSettings.js

@@ -24,7 +24,7 @@ let DevSettings: {
    * @param title - The title of the menu item. Is internally used as id and should therefore be unique.
    * @param handler - The callback invoked when pressing the menu item.
    */
-  addMenuItem(title: string, handler: () => mixed): void,
+  addMenuItem(title: string, handler: () => unknown): void,
   /**
    * Reload the application.
    *
@@ -33,7 +33,7 @@ let DevSettings: {
   reload(reason?: string): void,
   onFastRefresh(): void,
 } = {
-  addMenuItem(title: string, handler: () => mixed): void {},
+  addMenuItem(title: string, handler: () => unknown): void {},
   reload(reason?: string): void {},
   onFastRefresh(): void {},
 };
@@ -51,7 +51,7 @@ if (__DEV__) {
   const subscriptions = new Map<string, EventSubscription>();
 
   DevSettings = {
-    addMenuItem(title: string, handler: () => mixed): void {
+    addMenuItem(title: string, handler: () => unknown): void {
       // Make sure items are not added multiple times. This can
       // happen when hot reloading the module that registers the
       // menu items. The title is used as the id which means we

package/Libraries/Utilities/HMRClient.js

@@ -26,7 +26,7 @@ let hmrUnavailableReason: string | null = null;
 let hmrOrigin: string | null = null;
 let currentCompileErrorMessage: string | null = null;
 let didConnect: boolean = false;
-let pendingLogs: Array<[LogLevel, $ReadOnlyArray<mixed>]> = [];
+let pendingLogs: Array<[LogLevel, $ReadOnlyArray<unknown>]> = [];
 
 type LogLevel =
   | 'trace'
@@ -43,7 +43,7 @@ export type HMRClientNativeInterface = {
   enable(): void,
   disable(): void,
   registerBundle(requestUrl: string): void,
-  log(level: LogLevel, data: $ReadOnlyArray<mixed>): void,
+  log(level: LogLevel, data: $ReadOnlyArray<unknown>): void,
   setup(
     platform: string,
     bundleEntry: string,
@@ -113,7 +113,7 @@ const HMRClient: HMRClientNativeInterface = {
     registerBundleEntryPoints(hmrClient);
   },
 
-  log(level: LogLevel, data: $ReadOnlyArray<mixed>) {
+  log(level: LogLevel, data: $ReadOnlyArray<unknown>) {
     if (!hmrClient) {
       // Catch a reasonable number of early logs
       // in case hmrClient gets initialized later.
@@ -307,6 +307,7 @@ function setHMRUnavailableReason(reason: string) {
     DevLoadingView.showMessage(
       'Fast Refresh disconnected. Reload app to reconnect.',
       'error',
+      {dismissButton: true},
     );
     console.warn(reason);
     // (Not using the `warning` module to prevent a Buck cycle.)

package/Libraries/Utilities/RCTLog.js

@@ -20,11 +20,11 @@ const levelsMap = {
   fatal: 'error',
 };
 
-let warningHandler: ?(...Array<mixed>) => void = null;
+let warningHandler: ?(...Array<unknown>) => void = null;
 
 const RCTLog = {
   // level one of log, info, warn, error, mustfix
-  logIfNoNativeHook(level: string, ...args: Array<mixed>): void {
+  logIfNoNativeHook(level: string, ...args: Array<unknown>): void {
     // We already printed in the native console, so only log here if using a js debugger
     if (typeof global.nativeLoggingHook === 'undefined') {
       RCTLog.logToConsole(level, ...args);
@@ -37,7 +37,7 @@ const RCTLog = {
   },
 
   // Log to console regardless of nativeLoggingHook
-  logToConsole(level: string, ...args: Array<mixed>): void {
+  logToConsole(level: string, ...args: Array<unknown>): void {
     // $FlowFixMe[invalid-computed-prop]
     const logFn = levelsMap[level];
     invariant(

package/Libraries/Utilities/ReactNativeTestTools.js

@@ -124,7 +124,7 @@ function expectNoConsoleError() {
 async function expectRendersMatchingSnapshot(
   name: string,
   ComponentProvider: () => React.MixedElement,
-  unmockComponent: () => mixed,
+  unmockComponent: () => unknown,
 ) {
   let instance;
 

package/Libraries/Utilities/SceneTracker.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-export type Scene = {name: string, [string]: mixed, ...};
+export type Scene = {name: string, [string]: unknown, ...};
 
 let _listeners: Array<(scene: Scene) => void> = [];
 

package/Libraries/Utilities/codegenNativeCommands.js

@@ -17,7 +17,7 @@ type NativeCommandsOptions<T = string> = $ReadOnly<{
 function codegenNativeCommands<T: interface {}>(
   options: NativeCommandsOptions<$Keys<T>>,
 ): T {
-  const commandObj: {[$Keys<T>]: (...$ReadOnlyArray<mixed>) => void} = {};
+  const commandObj: {[$Keys<T>]: (...$ReadOnlyArray<unknown>) => void} = {};
 
   options.supportedCommands.forEach(command => {
     // $FlowFixMe[missing-local-annot]

package/Libraries/Utilities/deepFreezeAndThrowOnMutationInDev.js

@@ -27,7 +27,7 @@
  * Freezing the object and adding the throw mechanism is expensive and will
  * only be used in DEV.
  */
-function deepFreezeAndThrowOnMutationInDev<T: {...} | Array<mixed>>(
+function deepFreezeAndThrowOnMutationInDev<T: {...} | Array<unknown>>(
   object: T,
 ): T {
   if (__DEV__) {
@@ -43,7 +43,7 @@ function deepFreezeAndThrowOnMutationInDev<T: {...} | Array<mixed>>(
     }
 
     // $FlowFixMe[not-an-object] `object` can be an array, but Object.keys works with arrays too
-    const keys = Object.keys((object: {...} | Array<mixed>));
+    const keys = Object.keys((object: {...} | Array<unknown>));
     // $FlowFixMe[method-unbinding] added when improving typing for this parameters
     const hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -85,7 +85,7 @@ function throwOnImmutableMutation(key: empty, value) {
   );
 }
 
-function identity(value: mixed) {
+function identity(value: unknown) {
   return value;
 }
 

package/Libraries/Utilities/logError.js

@@ -15,7 +15,7 @@
  * `console.error` as a failure callback - it's not properly bound.  If passes an
  * `Error` object, it will print the message and stack.
  */
-const logError = function (...args: $ReadOnlyArray<mixed>) {
+const logError = function (...args: $ReadOnlyArray<unknown>) {
   if (args.length === 1 && args[0] instanceof Error) {
     const err = args[0];
     console.error('Error: "' + err.message + '".  Stack:\n' + err.stack);

package/Libraries/Utilities/stringifySafe.js

@@ -19,17 +19,17 @@ export function createStringifySafeWithLimits(limits: {
   maxStringLimit?: number,
   maxArrayLimit?: number,
   maxObjectKeysLimit?: number,
-}): mixed => string {
+}): unknown => string {
   const {
     maxDepth = Number.POSITIVE_INFINITY,
     maxStringLimit = Number.POSITIVE_INFINITY,
     maxArrayLimit = Number.POSITIVE_INFINITY,
     maxObjectKeysLimit = Number.POSITIVE_INFINITY,
   } = limits;
-  const stack: Array<mixed> = [];
+  const stack: Array<unknown> = [];
   /* $FlowFixMe[missing-this-annot] The 'this' type annotation(s) required by
    * Flow's LTI update could not be added via codemod */
-  function replacer(key: string, value: mixed): mixed {
+  function replacer(key: string, value: unknown): unknown {
     while (stack.length && this !== stack[0]) {
       stack.shift();
     }
@@ -45,7 +45,7 @@ export function createStringifySafeWithLimits(limits: {
       return value;
     }
 
-    let retval: mixed = value;
+    let retval: unknown = value;
     if (Array.isArray(value)) {
       if (stack.length >= maxDepth) {
         retval = `[ ... array with ${value.length} values ... ]`;
@@ -64,7 +64,7 @@ export function createStringifySafeWithLimits(limits: {
         retval = `{ ... object with ${keys.length} keys ... }`;
       } else if (keys.length > maxObjectKeysLimit) {
         // Return a sample of the keys.
-        retval = ({}: {[string]: mixed});
+        retval = ({}: {[string]: unknown});
         for (let k of keys.slice(0, maxObjectKeysLimit)) {
           retval[k] = value[k];
         }
@@ -76,7 +76,7 @@ export function createStringifySafeWithLimits(limits: {
     return retval;
   }
 
-  return function stringifySafe(arg: mixed): string {
+  return function stringifySafe(arg: unknown): string {
     if (arg === undefined) {
       return 'undefined';
     } else if (arg === null) {
@@ -111,7 +111,7 @@ export function createStringifySafeWithLimits(limits: {
   };
 }
 
-const stringifySafe: mixed => string = createStringifySafeWithLimits({
+const stringifySafe: unknown => string = createStringifySafeWithLimits({
   maxDepth: 10,
   maxStringLimit: 100,
   maxArrayLimit: 50,

package/Libraries/Utilities/useRefEffect.js

@@ -10,7 +10,7 @@
 
 import {useCallback, useRef} from 'react';
 
-type CallbackRef<T> = T => mixed;
+type CallbackRef<T> = T => unknown;
 
 /**
  * Constructs a callback ref that provides similar semantics as `useEffect`. The

package/Libraries/WebSocket/WebSocketInterceptor.js

@@ -33,10 +33,10 @@ let isInterceptorEnabled = false;
 
 /**
  * A network interceptor which monkey-patches RCTWebSocketModule methods
- * to gather all websocket network requests/responses, in order to show
- * their information in the React Native inspector development tool.
+ * to gather all websocket network events.
+ *
+ * @deprecated Since React Native 0.84
  */
-
 const WebSocketInterceptor = {
   /**
    * Invoked when RCTWebSocketModule.close(...) is called.