@office-iss/react-native-win32 0.83.0-preview.1 → 0.84.0-preview.2

package/Libraries/Types/CoreEventTypes.win32.js

@@ -362,17 +362,34 @@ export type MouseEvent = NativeSyntheticEvent<
   }>,
 >;
 // 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
+}>;
 
-// [Windows
-export type KeyEvent = NativeSyntheticEvent<
-  $ReadOnly<{|
-    altKey: boolean,
-    ctrlKey: boolean,
-    metaKey: boolean,
-    shiftKey: boolean,
-    key: string,
-    code: string,
-    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.

package/Libraries/promiseRejectionTrackingOptions.js

@@ -12,8 +12,15 @@ import typeof {enable} from 'promise/setimmediate/rejection-tracking';
 
 import ExceptionsManager from './Core/ExceptionsManager';
 
-let rejectionTrackingOptions: $NonMaybeType<Parameters<enable>[0]> = {
+const rejectionTrackingOptions: NonNullable<Parameters<enable>[0]> = {
   allRejections: true,
+  onHandled: id => {
+    const warning =
+      `Promise rejection handled (id: ${id})\n` +
+      'This means you can ignore any previous messages of the form ' +
+      `"Uncaught (in promise, id: ${id})"`;
+    console.warn(warning);
+  },
   onUnhandled: (id, rejection) => {
     let message: string;
 
@@ -46,13 +53,6 @@ let rejectionTrackingOptions: $NonMaybeType<Parameters<enable>[0]> = {
       false /* isFatal */,
     );
   },
-  onHandled: id => {
-    const warning =
-      `Promise rejection handled (id: ${id})\n` +
-      'This means you can ignore any previous messages of the form ' +
-      `"Uncaught (in promise, id: ${id})"`;
-    console.warn(warning);
-  },
 };
 
 export default rejectionTrackingOptions;

package/Libraries/vendor/core/ErrorUtils.js

@@ -9,30 +9,30 @@
  */
 
 // From @react-native/js-polyfills
-type ErrorHandler = (error: mixed, isFatal: boolean) => void;
-type Fn<Args: $ReadOnlyArray<mixed>, Return> = (...Args) => Return;
+type ErrorHandler = (error: unknown, isFatal: boolean) => void;
+type Fn<Args: $ReadOnlyArray<unknown>, Return> = (...Args) => Return;
 export type ErrorUtils = {
-  applyWithGuard<TArgs: $ReadOnlyArray<mixed>, TOut>(
+  applyWithGuard<TArgs: $ReadOnlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
-    context?: mixed,
+    context?: unknown,
     args?: ?TArgs,
     unused_onError?: null,
     unused_name?: ?string,
   ): ?TOut,
-  applyWithGuardIfNeeded<TArgs: $ReadOnlyArray<mixed>, TOut>(
+  applyWithGuardIfNeeded<TArgs: $ReadOnlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
-    context?: mixed,
+    context?: unknown,
     args?: ?TArgs,
   ): ?TOut,
   getGlobalHandler(): ErrorHandler,
-  guard<TArgs: $ReadOnlyArray<mixed>, TOut>(
+  guard<TArgs: $ReadOnlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
     name?: ?string,
-    context?: mixed,
+    context?: unknown,
   ): ?(...TArgs) => ?TOut,
   inGuard(): boolean,
-  reportError(error: mixed): void,
-  reportFatalError(error: mixed): void,
+  reportError(error: unknown): void,
+  reportFatalError(error: unknown): void,
   setGlobalHandler(fun: ErrorHandler): void,
 };
 

package/Libraries/vendor/emitter/EventEmitter.js

@@ -20,8 +20,8 @@ export interface IEventEmitter<
 > {
   addListener<TEvent: $Keys<TEventToArgsMap>>(
     eventType: TEvent,
-    listener: (...args: TEventToArgsMap[TEvent]) => mixed,
-    context?: mixed,
+    listener: (...args: TEventToArgsMap[TEvent]) => unknown,
+    context?: unknown,
   ): EventSubscription;
 
   emit<TEvent: $Keys<TEventToArgsMap>>(
@@ -35,8 +35,8 @@ export interface IEventEmitter<
 }
 
 interface Registration<TArgs> {
-  +context: mixed;
-  +listener: (...args: TArgs) => mixed;
+  +context: unknown;
+  +listener: (...args: TArgs) => unknown;
   +remove: () => void;
 }
 
@@ -85,8 +85,8 @@ export default class EventEmitter<
    */
   addListener<TEvent: $Keys<TEventToArgsMap>>(
     eventType: TEvent,
-    listener: (...args: TEventToArgsMap[TEvent]) => mixed,
-    context: mixed,
+    listener: (...args: TEventToArgsMap[TEvent]) => unknown,
+    context: unknown,
   ): EventSubscription {
     if (typeof listener !== 'function') {
       throw new TypeError(

package/flow/HermesInternalType.js

@@ -59,7 +59,7 @@ declare type $HermesInternalType = {
   +getRuntimeProperties?: () => {
     'OSS Release Version': string,
     Build: string,
-    [string]: mixed,
+    [string]: unknown,
   },
 
   /**
@@ -93,10 +93,10 @@ declare type $HermesInternalType = {
    */
   +enablePromiseRejectionTracker?: (
     options: ?{
-      whitelist?: ?Array<mixed>,
+      whitelist?: ?Array<unknown>,
       allRejections?: ?boolean,
-      onUnhandled?: ?(number, mixed) => void,
-      onHandled?: ?(number, mixed) => void,
+      onUnhandled?: ?(number, unknown) => void,
+      onHandled?: ?(number, unknown) => void,
     },
   ) => void,
 
@@ -108,7 +108,7 @@ declare type $HermesInternalType = {
   /**
    * Enqueue a JavaScript callback function as a Job into the engine Job queue.
    */
-  +enqueueJob?: <TArguments: Array<mixed>>(
-    jobCallback: (...args: TArguments) => mixed,
+  +enqueueJob?: <TArguments: Array<unknown>>(
+    jobCallback: (...args: TArguments) => unknown,
   ) => void,
 };

package/flow/bom.js.flow

@@ -25,34 +25,38 @@ type DevToolsColor =
   | 'warning'
   | 'error';
 
+declare interface ConsoleTask {
+  run<T>(f: () => T): T;
+}
+
 // $FlowExpectedError[libdef-override] Flow core definitions are incomplete.
 declare var console: {
   // Logging
-  log(...data: $ReadOnlyArray<mixed>): void,
-  trace(...data: $ReadOnlyArray<mixed>): void,
-  debug(...data: $ReadOnlyArray<mixed>): void,
-  info(...data: $ReadOnlyArray<mixed>): void,
-  warn(...data: $ReadOnlyArray<mixed>): void,
-  error(...data: $ReadOnlyArray<mixed>): void,
+  log(...data: $ReadOnlyArray<unknown>): void,
+  trace(...data: $ReadOnlyArray<unknown>): void,
+  debug(...data: $ReadOnlyArray<unknown>): void,
+  info(...data: $ReadOnlyArray<unknown>): void,
+  warn(...data: $ReadOnlyArray<unknown>): void,
+  error(...data: $ReadOnlyArray<unknown>): void,
 
   // Grouping
-  group(...data: $ReadOnlyArray<mixed>): void,
-  groupCollapsed(...data: $ReadOnlyArray<mixed>): void,
+  group(...data: $ReadOnlyArray<unknown>): void,
+  groupCollapsed(...data: $ReadOnlyArray<unknown>): void,
   groupEnd(): void,
 
   // Printing
   table(
     tabularData:
-      | $ReadOnly<{[key: string]: mixed, ...}>
-      | $ReadOnlyArray<$ReadOnly<{[key: string]: mixed, ...}>>
-      | $ReadOnlyArray<$ReadOnlyArray<mixed>>,
+      | $ReadOnly<{[key: string]: unknown, ...}>
+      | $ReadOnlyArray<$ReadOnly<{[key: string]: unknown, ...}>>
+      | $ReadOnlyArray<$ReadOnlyArray<unknown>>,
   ): void,
-  dir(...data: $ReadOnlyArray<mixed>): void,
-  dirxml(...data: $ReadOnlyArray<mixed>): void,
+  dir(...data: $ReadOnlyArray<unknown>): void,
+  dirxml(...data: $ReadOnlyArray<unknown>): void,
   clear(): void,
 
   // Utilities
-  assert(condition: mixed, ...data: $ReadOnlyArray<mixed>): void,
+  assert(condition: unknown, ...data: $ReadOnlyArray<unknown>): void,
 
   // Profiling
   profile(name?: string): void,
@@ -72,9 +76,12 @@ declare var console: {
     trackName?: string,
     trackGroup?: string,
     color?: DevToolsColor,
-    detail?: {[string]: mixed},
+    detail?: {[string]: unknown},
   ): void,
 
+  // Stack tagging
+  createTask(label: string): ConsoleTask,
+
   ...
 };
 
@@ -107,12 +114,12 @@ declare class PerformanceEntry {
 // https://w3c.github.io/user-timing/#performancemark
 declare class PerformanceMark extends PerformanceEntry {
   constructor(name: string, markOptions?: PerformanceMarkOptions): void;
-  +detail: mixed;
+  +detail: unknown;
 }
 
 // https://w3c.github.io/user-timing/#performancemeasure
 declare class PerformanceMeasure extends PerformanceEntry {
-  +detail: mixed;
+  +detail: unknown;
 }
 
 // https://w3c.github.io/server-timing/#the-performanceservertiming-interface
@@ -170,12 +177,12 @@ declare class PerformanceLongTaskTiming extends PerformanceEntry {
 
 // https://www.w3.org/TR/user-timing/#extensions-performance-interface
 declare type PerformanceMarkOptions = {
-  detail?: mixed,
+  detail?: unknown,
   startTime?: number,
 };
 
 declare type PerformanceMeasureOptions = {
-  detail?: mixed,
+  detail?: unknown,
   duration?: number,
   end?: number | string,
   start?: number | string,
@@ -242,7 +249,7 @@ declare class PerformanceObserver {
     callback: (
       entries: PerformanceObserverEntryList,
       observer: PerformanceObserver,
-    ) => mixed,
+    ) => unknown,
   ): void;
 
   disconnect(): void;
@@ -338,10 +345,10 @@ declare class WebSocket extends EventTarget {
   CONNECTING: 0;
   constructor(url: string, protocols?: string | Array<string>): void;
   extensions: string;
-  onclose: (ev: CloseEvent) => mixed;
-  onerror: (ev: $FlowFixMe) => mixed;
-  onmessage: (ev: MessageEvent) => mixed;
-  onopen: (ev: $FlowFixMe) => mixed;
+  onclose: (ev: CloseEvent) => unknown;
+  onerror: (ev: $FlowFixMe) => unknown;
+  onmessage: (ev: MessageEvent) => unknown;
+  onopen: (ev: $FlowFixMe) => unknown;
   static OPEN: 1;
   OPEN: 1;
   protocol: string;
@@ -371,7 +378,7 @@ declare class XMLHttpRequest extends EventTarget {
   onloadend: ProgressEventHandler;
   onloadstart: ProgressEventHandler;
   onprogress: ProgressEventHandler;
-  onreadystatechange: (ev: $FlowFixMe) => mixed;
+  onreadystatechange: (ev: $FlowFixMe) => unknown;
   ontimeout: ProgressEventHandler;
   open(
     method: string,
@@ -434,7 +441,7 @@ declare class Headers {
       value: string,
       name: string,
       headers: Headers,
-    ) => mixed,
+    ) => unknown,
     thisArg: This,
   ): void;
   get(name: string): null | string;
@@ -464,7 +471,7 @@ declare class URLSearchParams {
       value: string,
       name: string,
       params: URLSearchParams,
-    ) => mixed,
+    ) => unknown,
     thisArg: This,
   ): void;
   get(name: string): null | string;
@@ -604,7 +611,7 @@ declare class AbortController {
 declare class AbortSignal extends EventTarget {
   abort(reason?: $FlowFixMe): AbortSignal;
   +aborted: boolean;
-  onabort: (event: Event) => mixed;
+  onabort: (event: Event) => unknown;
   +reason: $FlowFixMe;
   throwIfAborted(): void;
   timeout(time: number): AbortSignal;

package/flow/cssom.js.flow

@@ -524,9 +524,9 @@ declare class Animation extends EventTarget {
   finish(): void;
   +finished: Promise<Animation>;
   id: string;
-  oncancel: ?(ev: AnimationPlaybackEvent) => mixed;
-  onfinish: ?(ev: AnimationPlaybackEvent) => mixed;
-  onremove: ?(ev: AnimationPlaybackEvent) => mixed;
+  oncancel: ?(ev: AnimationPlaybackEvent) => unknown;
+  onfinish: ?(ev: AnimationPlaybackEvent) => unknown;
+  onremove: ?(ev: AnimationPlaybackEvent) => unknown;
   pause(): void;
   +pending: boolean;
   persist(): void;