react-native-tvos 0.83.1-1 → 0.84.0-0

package/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -343,8 +343,8 @@ export type DropShadowValue = {
 export type BoxShadowValue = {
   offsetX: number | string;
   offsetY: number | string;
-  color?: string | undefined;
-  blurRadius?: ColorValue | number | undefined;
+  color?: ColorValue | undefined;
+  blurRadius?: string | number | undefined;
   spreadDistance?: number | string | undefined;
   inset?: boolean | undefined;
 };
@@ -367,7 +367,7 @@ export type BlendMode =
   | 'color'
   | 'luminosity';
 
-export type GradientValue = {
+export type LinearGradientValue = {
   type: 'linear-gradient';
   // Angle or direction enums
   direction?: string | undefined;
@@ -377,6 +377,89 @@ export type GradientValue = {
   }>;
 };
 
+export type GradientValue = LinearGradientValue;
+
+type RadialExtent =
+  | 'closest-corner'
+  | 'closest-side'
+  | 'farthest-corner'
+  | 'farthest-side';
+export type RadialGradientPosition =
+  | {
+      top: number | string;
+      left: number | string;
+    }
+  | {
+      top: number | string;
+      right: number | string;
+    }
+  | {
+      bottom: number | string;
+      left: number | string;
+    }
+  | {
+      bottom: number | string;
+      right: number | string;
+    };
+
+export type RadialGradientShape = 'circle' | 'ellipse';
+export type RadialGradientSize =
+  | RadialExtent
+  | {
+      x: string | number;
+      y: string | number;
+    };
+
+type RadialGradientValue = {
+  type: 'radial-gradient';
+  shape: RadialGradientShape;
+  size: RadialGradientSize;
+  position: RadialGradientPosition;
+  colorStops: ReadonlyArray<{
+    color: ColorValue | null;
+    positions?: ReadonlyArray<string> | undefined;
+  }>;
+};
+
+export type BackgroundImageValue = LinearGradientValue | RadialGradientValue;
+
+export type BackgroundSizeValue =
+  | {
+      x: string | number;
+      y: string | number;
+    }
+  | 'cover'
+  | 'contain';
+
+export type BackgroundRepeatKeyword =
+  | 'repeat'
+  | 'space'
+  | 'round'
+  | 'no-repeat';
+
+export type BackgroundPositionValue =
+  | {
+      top: number | string;
+      left: number | string;
+    }
+  | {
+      top: number | string;
+      right: number | string;
+    }
+  | {
+      bottom: number | string;
+      left: number | string;
+    }
+  | {
+      bottom: number | string;
+      right: number | string;
+    };
+
+export type BackgroundRepeatValue = {
+  x: BackgroundRepeatKeyword;
+  y: BackgroundRepeatKeyword;
+};
+
 /**
  * @see https://reactnative.dev/docs/view#style
  */
@@ -437,7 +520,19 @@ export interface ViewStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle {
 
   mixBlendMode?: BlendMode | undefined;
   experimental_backgroundImage?:
-    | ReadonlyArray<GradientValue>
+    | ReadonlyArray<BackgroundImageValue>
+    | string
+    | undefined;
+  experimental_backgroundSize?:
+    | ReadonlyArray<BackgroundSizeValue>
+    | string
+    | undefined;
+  experimental_backgroundPosition?:
+    | ReadonlyArray<BackgroundPositionValue>
+    | string
+    | undefined;
+  experimental_backgroundRepeat?:
+    | ReadonlyArray<BackgroundRepeatValue>
     | string
     | undefined;
 }

package/Libraries/StyleSheet/StyleSheetTypes.js

@@ -1105,22 +1105,20 @@ export type ____Styles_Internal = {
 // ____FlattenStyleProp_Helper should be considered internal.
 type FlattenDepthLimiter = [void, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
 type ____FlattenStyleProp_Helper<
-  +TStyleProp: StyleProp<mixed>,
+  +TStyleProp: StyleProp<unknown>,
   Depth: $Values<FlattenDepthLimiter> = 9,
 > = Depth extends 0
   ? empty
   : TStyleProp extends null | void | false | ''
-    ? empty
-    : // When TStyleProp is an array, recurse with decremented Depth
-      TStyleProp extends $ReadOnlyArray<infer V>
+    ? empty // When TStyleProp is an array, recurse with decremented Depth
+    : TStyleProp extends $ReadOnlyArray<infer V>
       ? ____FlattenStyleProp_Helper<
           V,
           Depth extends number ? FlattenDepthLimiter[Depth] : 0,
         >
       : TStyleProp;
 
-export type ____FlattenStyleProp_Internal<+TStyleProp: StyleProp<mixed>> =
-  ____FlattenStyleProp_Helper<TStyleProp> extends empty
-    ? // $FlowFixMe[unclear-type]
-      any
+export type ____FlattenStyleProp_Internal<+TStyleProp: StyleProp<unknown>> =
+  ____FlattenStyleProp_Helper<TStyleProp> extends empty // $FlowFixMe[unclear-type]
+    ? any
     : ____FlattenStyleProp_Helper<TStyleProp>;

package/Libraries/StyleSheet/processFilter.js

@@ -115,7 +115,7 @@ export default function processFilter(
   return result;
 }
 
-function _getFilterAmount(filterName: string, filterArgs: mixed): ?number {
+function _getFilterAmount(filterName: string, filterArgs: unknown): ?number {
   let filterArgAsNumber: number;
   let unit: string;
   if (typeof filterArgs === 'string') {

package/Libraries/Text/Text.js

@@ -45,6 +45,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     ref: forwardedRef,
     accessible,
     accessibilityLabel,
+    accessibilityRole,
     accessibilityState,
     allowFontScaling,
     'aria-busy': ariaBusy,
@@ -71,6 +72,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     onResponderTerminationRequest,
     onStartShouldSetResponder,
     pressRetentionOffset,
+    role,
     selectable,
     selectionColor,
     suppressHighlighting,
@@ -149,6 +151,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;
@@ -206,6 +219,9 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     if (_accessibilityLabel !== undefined) {
       processedProps.accessibilityLabel = _accessibilityLabel;
     }
+    if (_accessibilityRole !== undefined) {
+      processedProps.accessibilityRole = _accessibilityRole;
+    }
     if (_accessibilityState !== undefined) {
       processedProps.accessibilityState = _accessibilityState;
     }
@@ -224,6 +240,9 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     if (_selectionColor !== undefined) {
       processedProps.selectionColor = _selectionColor;
     }
+    if (_role !== undefined) {
+      processedProps.role = _role;
+    }
 
     let textPressabilityProps: ?TextPressabilityProps;
     if (isPressable) {
@@ -317,6 +336,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     accessibilityElementsHidden,
     importantForAccessibility,
     accessibilityLabel,
+    accessibilityRole,
     accessibilityState,
     allowFontScaling,
     'aria-busy': ariaBusy,
@@ -343,6 +363,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
     onResponderTerminationRequest,
     onStartShouldSetResponder,
     pressRetentionOffset,
+    role,
     selectable,
     selectionColor,
     suppressHighlighting,
@@ -398,6 +419,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;
@@ -462,6 +494,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
               ...restProps,
               accessibilityElementsHidden: _accessibilityElementsHidden,
               accessibilityLabel: _accessibilityLabel,
+              accessibilityRole: _accessibilityRole,
               accessibilityState: _accessibilityState,
               importantForAccessibility: _importantForAccessibility,
               nativeID: _nativeID,
@@ -470,6 +503,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
               selectionColor: _selectionColor,
               style: _style,
               disabled: disabled,
+              role: _role,
               children,
             }}
             textPressabilityProps={{
@@ -495,6 +529,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           {...restProps}
           accessibilityElementsHidden={_accessibilityElementsHidden}
           accessibilityLabel={_accessibilityLabel}
+          accessibilityRole={_accessibilityRole}
           accessibilityState={_accessibilityState}
           importantForAccessibility={_importantForAccessibility}
           nativeID={_nativeID}
@@ -503,7 +538,8 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           selectable={_selectable}
           selectionColor={_selectionColor}
           style={_style}
-          disabled={disabled}>
+          disabled={disabled}
+          role={_role}>
           {children}
         </NativeVirtualText>
       );
@@ -538,6 +574,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
             ...restProps,
             accessibilityElementsHidden: _accessibilityElementsHidden,
             accessibilityLabel: _accessibilityLabel,
+            accessibilityRole: _accessibilityRole,
             accessibilityState: _accessibilityState,
             accessible: _accessible,
             allowFontScaling: allowFontScaling !== false,
@@ -549,6 +586,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
             selectable: _selectable,
             selectionColor: _selectionColor,
             style: _style,
+            role: _role,
             children,
           }}
           textPressabilityProps={{
@@ -573,6 +611,7 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           {...restProps}
           accessibilityElementsHidden={_accessibilityElementsHidden}
           accessibilityLabel={_accessibilityLabel}
+          accessibilityRole={_accessibilityRole}
           accessibilityState={_accessibilityState}
           accessible={_accessible}
           allowFontScaling={allowFontScaling !== false}
@@ -584,7 +623,8 @@ if (ReactNativeFeatureFlags.reduceDefaultPropsInText()) {
           ref={forwardedRef}
           selectable={_selectable}
           selectionColor={_selectionColor}
-          style={_style}>
+          style={_style}
+          role={_role}>
           {children}
         </NativeText>
       );
@@ -628,10 +668,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/TextInput/RCTBaseTextInputView.mm

@@ -715,8 +715,6 @@ RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
 - (NSString *)returnKeyTypeToString:(UIReturnKeyType)returnKeyType
 {
   switch (returnKeyType) {
-    case UIReturnKeyDefault:
-      return @"Default";
     case UIReturnKeyGo:
       return @"Go";
     case UIReturnKeyNext:
@@ -735,6 +733,9 @@ RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
       return @"Join";
     case UIReturnKeyEmergencyCall:
       return @"Emergency Call";
+    case UIReturnKeyDefault:
+    case UIReturnKeyContinue:
+    case UIReturnKeyDone:
     default:
       return @"Done";
   }

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/TypeSafety/RCTTypedModuleConstants.h

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#include <type_traits>
 #include <utility>
 
 #import <Foundation/Foundation.h>
@@ -32,10 +33,44 @@
 
 namespace facebook::react {
 
+namespace detail {
+
+// Helper to detect if T is a Builder type.
+// Builder types have: nested Input struct and buildUnsafeRawValue() method.
+template <typename T, typename = void>
+struct IsBuilder : std::false_type {};
+
+template <typename T>
+struct IsBuilder<T, std::void_t<typename T::Input, decltype(std::declval<T>().buildUnsafeRawValue())>>
+    : std::true_type {};
+
+// Resolve Builder to its parent Constants type.
+// For backwards compatibility: if T is a Builder type (e.g., JS::X::Constants::Builder),
+// we resolve to the parent Constants type (JS::X::Constants).
+//
+// This requires Builder to have a type alias `using ResultT = Constants;` defined by codegen.
+template <typename T, bool = IsBuilder<T>::value>
+struct ResolveConstantsType {
+  // Not a Builder, use T as-is
+  using type = T;
+};
+
+// Specialization for Builder types that have ResultT defined
+template <typename T>
+struct ResolveConstantsType<T, true> {
+  // Use T::ResultT which points to the parent Constants type (added by codegen)
+  using type = typename T::ResultT;
+};
+
+} // namespace detail
+
 // Objective-C doesn't allow arbitrary types in its lightweight generics, only object and block types. We can work
 // around that by having the struct type we care about be a block-argument. The block never exists at runtime.
+//
+// For backwards compatibility: if T is a Builder type (e.g., JS::Module::Constants::Builder),
+// ModuleConstants<Builder> resolves to the same type as ModuleConstants<Constants>.
 template <typename T>
-using ModuleConstants = _RCTTypedModuleConstants<void (^)(T)> *;
+using ModuleConstants = _RCTTypedModuleConstants<void (^)(typename detail::ResolveConstantsType<T>::type)> *;
 
 template <typename T>
 ModuleConstants<T> typedConstants(typename T::Builder::Input &&value)

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

@@ -335,3 +335,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/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> = [];