@office-iss/react-native-win32 0.78.2 → 0.79.0-preview.1

package/{Libraries/Inspector → src/private/inspector}/InspectorPanel.js

@@ -12,19 +12,21 @@
 
 import type {ElementsHierarchy, InspectedElement} from './Inspector';
 
-import SafeAreaView from '../Components/SafeAreaView/SafeAreaView';
+import SafeAreaView from '../../../Libraries/Components/SafeAreaView/SafeAreaView';
+import React from 'react';
 
-const ScrollView = require('../Components/ScrollView/ScrollView');
-const TouchableHighlight = require('../Components/Touchable/TouchableHighlight');
-const View = require('../Components/View/View');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
-const ElementProperties = require('./ElementProperties');
-const NetworkOverlay = require('./NetworkOverlay');
-const PerformanceOverlay = require('./PerformanceOverlay');
-const React = require('react');
+const ScrollView =
+  require('../../../Libraries/Components/ScrollView/ScrollView').default;
+const TouchableHighlight =
+  require('../../../Libraries/Components/Touchable/TouchableHighlight').default;
+const View = require('../../../Libraries/Components/View/View').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
+const Text = require('../../../Libraries/Text/Text').default;
+const ElementProperties = require('./ElementProperties').default;
+const NetworkOverlay = require('./NetworkOverlay').default;
+const PerformanceOverlay = require('./PerformanceOverlay').default;
 
-type Props = $ReadOnly<{|
+type Props = $ReadOnly<{
   devtoolsIsOpen: boolean,
   inspecting: boolean,
   setInspecting: (val: boolean) => void,
@@ -38,7 +40,7 @@ type Props = $ReadOnly<{|
   selection?: ?number,
   setSelection: number => mixed,
   inspected?: ?InspectedElement,
-|}>;
+}>;
 
 class InspectorPanel extends React.Component<Props> {
   renderWaiting(): React.Node {
@@ -107,11 +109,11 @@ class InspectorPanel extends React.Component<Props> {
   }
 }
 
-type InspectorPanelButtonProps = $ReadOnly<{|
+type InspectorPanelButtonProps = $ReadOnly<{
   onClick: (val: boolean) => void,
   pressed: boolean,
   title: string,
-|}>;
+}>;
 
 class InspectorPanelButton extends React.Component<InspectorPanelButtonProps> {
   render(): React.Node {
@@ -161,4 +163,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = InspectorPanel;
+export default InspectorPanel;

package/{Libraries/Inspector → src/private/inspector}/NetworkOverlay.js

@@ -10,17 +10,21 @@
 
 'use strict';
 
-import type {RenderItemProps} from '@react-native/virtualized-lists';
-
-const ScrollView = require('../Components/ScrollView/ScrollView');
-const TouchableHighlight = require('../Components/Touchable/TouchableHighlight');
-const View = require('../Components/View/View');
-const FlatList = require('../Lists/FlatList');
-const XHRInterceptor = require('../Network/XHRInterceptor');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
-const WebSocketInterceptor = require('../WebSocket/WebSocketInterceptor');
-const React = require('react');
+import type XMLHttpRequest from '../../../Libraries/Network/XMLHttpRequest';
+import type {ListRenderItemInfo} from '@react-native/virtualized-lists';
+
+import ScrollView from '../../../Libraries/Components/ScrollView/ScrollView';
+import React from 'react';
+
+const TouchableHighlight =
+  require('../../../Libraries/Components/Touchable/TouchableHighlight').default;
+const View = require('../../../Libraries/Components/View/View').default;
+const FlatList = require('../../../Libraries/Lists/FlatList').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
+const Text = require('../../../Libraries/Text/Text').default;
+const WebSocketInterceptor =
+  require('../../../Libraries/WebSocket/WebSocketInterceptor').default;
+const XHRInterceptor = require('./XHRInterceptor').default;
 
 const LISTVIEW_CELL_HEIGHT = 15;
 
@@ -49,11 +53,11 @@ type NetworkRequestInfo = {
   ...
 };
 
-type Props = $ReadOnly<{||}>;
-type State = {|
+type Props = $ReadOnly<{}>;
+type State = {
   detailRowId: ?number,
   requests: Array<NetworkRequestInfo>,
-|};
+};
 
 function getStringByValue(value: any): string {
   if (value === undefined) {
@@ -84,6 +88,18 @@ function keyExtractor(request: NetworkRequestInfo): string {
   return String(request.id);
 }
 
+const XHR_ID_KEY = Symbol('XHR_ID');
+
+function getXHRId(xhr: XMLHttpRequest): number {
+  // $FlowExpectedError[prop-missing]
+  return xhr[XHR_ID_KEY];
+}
+
+function setXHRId(xhr: XMLHttpRequest, id: number) {
+  // $FlowExpectedError[prop-missing]
+  xhr[XHR_ID_KEY] = id;
+}
+
 /**
  * Show all the intercepted network requests over the InspectorPanel.
  */
@@ -106,8 +122,8 @@ class NetworkOverlay extends React.Component<Props, State> {
   };
 
   // Map of `socketId` -> `index in `this.state.requests`.
-  _socketIdMap: {[string]: number} = {};
-  // Map of `xhr._index` -> `index in `this.state.requests`.
+  _socketIdMap: {[number]: number} = {};
+  // Map of `xhr[XHR_ID_KEY]` -> `index in `this.state.requests`.
   _xhrIdMap: {[key: number]: number, ...} = {};
 
   state: State = {
@@ -124,9 +140,9 @@ class NetworkOverlay extends React.Component<Props, State> {
       // Generate a global id for each intercepted xhr object, add this id
       // to the xhr object as a private `_index` property to identify it,
       // so that we can distinguish different xhr objects in callbacks.
-      xhr._index = nextXHRId++;
+      setXHRId(xhr, nextXHRId++);
       const xhrIndex = this.state.requests.length;
-      this._xhrIdMap[xhr._index] = xhrIndex;
+      this._xhrIdMap[getXHRId(xhr)] = xhrIndex;
 
       const _xhr: NetworkRequestInfo = {
         id: xhrIndex,
@@ -144,7 +160,7 @@ class NetworkOverlay extends React.Component<Props, State> {
 
     XHRInterceptor.setRequestHeaderCallback((header, value, xhr) => {
       // $FlowFixMe[prop-missing]
-      const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
+      const xhrIndex = this._getRequestIndexByXHRID(getXHRId(xhr));
       if (xhrIndex === -1) {
         return;
       }
@@ -161,7 +177,7 @@ class NetworkOverlay extends React.Component<Props, State> {
 
     XHRInterceptor.setSendCallback((data, xhr) => {
       // $FlowFixMe[prop-missing]
-      const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
+      const xhrIndex = this._getRequestIndexByXHRID(getXHRId(xhr));
       if (xhrIndex === -1) {
         return;
       }
@@ -176,7 +192,7 @@ class NetworkOverlay extends React.Component<Props, State> {
     XHRInterceptor.setHeaderReceivedCallback(
       (type, size, responseHeaders, xhr) => {
         // $FlowFixMe[prop-missing]
-        const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
+        const xhrIndex = this._getRequestIndexByXHRID(getXHRId(xhr));
         if (xhrIndex === -1) {
           return;
         }
@@ -194,7 +210,7 @@ class NetworkOverlay extends React.Component<Props, State> {
     XHRInterceptor.setResponseCallback(
       (status, timeout, response, responseURL, responseType, xhr) => {
         // $FlowFixMe[prop-missing]
-        const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
+        const xhrIndex = this._getRequestIndexByXHRID(getXHRId(xhr));
         if (xhrIndex === -1) {
           return;
         }
@@ -275,7 +291,7 @@ class NetworkOverlay extends React.Component<Props, State> {
       });
     });
 
-    WebSocketInterceptor.setOnMessageCallback((socketId, message) => {
+    WebSocketInterceptor.setOnMessageCallback((message, socketId) => {
       const socketIndex = this._socketIdMap[socketId];
       if (socketIndex === undefined) {
         return;
@@ -294,7 +310,7 @@ class NetworkOverlay extends React.Component<Props, State> {
       });
     });
 
-    WebSocketInterceptor.setOnCloseCallback((socketId, message) => {
+    WebSocketInterceptor.setOnCloseCallback((message, socketId) => {
       const socketIndex = this._socketIdMap[socketId];
       if (socketIndex === undefined) {
         return;
@@ -308,7 +324,7 @@ class NetworkOverlay extends React.Component<Props, State> {
       });
     });
 
-    WebSocketInterceptor.setOnErrorCallback((socketId, message) => {
+    WebSocketInterceptor.setOnErrorCallback((message, socketId) => {
       const socketIndex = this._socketIdMap[socketId];
       if (socketIndex === undefined) {
         return;
@@ -339,7 +355,7 @@ class NetworkOverlay extends React.Component<Props, State> {
   _renderItem = ({
     item,
     index,
-  }: RenderItemProps<NetworkRequestInfo>): React.MixedElement => {
+  }: ListRenderItemInfo<NetworkRequestInfo>): React.MixedElement => {
     const tableRowViewStyle = [
       styles.tableRow,
       index % 2 === 1 ? styles.tableRowOdd : styles.tableRowEven,
@@ -608,4 +624,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = NetworkOverlay;
+export default NetworkOverlay;

package/{Libraries/Inspector → src/private/inspector}/PerformanceOverlay.js

@@ -10,11 +10,13 @@
 
 'use strict';
 
-const View = require('../Components/View/View');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
-const PerformanceLogger = require('../Utilities/GlobalPerformanceLogger');
-const React = require('react');
+import React from 'react';
+
+const View = require('../../../Libraries/Components/View/View').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
+const Text = require('../../../Libraries/Text/Text').default;
+const PerformanceLogger =
+  require('../../../Libraries/Utilities/GlobalPerformanceLogger').default;
 
 class PerformanceOverlay extends React.Component<{...}> {
   render(): React.Node {
@@ -60,4 +62,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = PerformanceOverlay;
+export default PerformanceOverlay;

package/{Libraries/Inspector → src/private/inspector}/ReactDevToolsOverlay.js

@@ -8,19 +8,20 @@
  * @flow
  */
 
-import type {InspectedViewRef} from '../ReactNative/AppContainer-dev';
-import type {PointerEvent} from '../Types/CoreEventTypes';
-import type {PressEvent} from '../Types/CoreEventTypes';
-import type {ReactDevToolsAgent} from '../Types/ReactDevToolsTypes';
+import type {InspectedViewRef} from '../../../Libraries/ReactNative/AppContainer-dev';
+import type {PointerEvent} from '../../../Libraries/Types/CoreEventTypes';
+import type {GestureResponderEvent} from '../../../Libraries/Types/CoreEventTypes';
+import type {ReactDevToolsAgent} from '../../../Libraries/Types/ReactDevToolsTypes';
 import type {InspectedElement} from './Inspector';
 
-import View from '../Components/View/View';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
-import StyleSheet from '../StyleSheet/StyleSheet';
+import View from '../../../Libraries/Components/View/View';
+import ReactNativeFeatureFlags from '../../../Libraries/ReactNative/ReactNativeFeatureFlags';
+import StyleSheet from '../../../Libraries/StyleSheet/StyleSheet';
 import ElementBox from './ElementBox';
 import * as React from 'react';
 
-const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint');
+const getInspectorDataForViewAtPoint =
+  require('./getInspectorDataForViewAtPoint').default;
 
 const {useEffect, useState, useCallback} = React;
 
@@ -106,7 +107,7 @@ export default function ReactDevToolsOverlay({
   );
 
   const onResponderMove = useCallback(
-    (e: PressEvent) => {
+    (e: GestureResponderEvent) => {
       findViewForLocation(
         e.nativeEvent.touches[0].locationX,
         e.nativeEvent.touches[0].locationY,
@@ -116,7 +117,7 @@ export default function ReactDevToolsOverlay({
   );
 
   const shouldSetResponder = useCallback(
-    (e: PressEvent): boolean => {
+    (e: GestureResponderEvent): boolean => {
       onResponderMove(e);
       return true;
     },

package/{Libraries/Inspector → src/private/inspector}/StyleInspector.js

@@ -10,14 +10,14 @@
 
 'use strict';
 
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
-import type {____FlattenStyleProp_Internal} from '../StyleSheet/StyleSheetTypes';
+import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
+import type {____FlattenStyleProp_Internal} from '../../../Libraries/StyleSheet/StyleSheetTypes';
 
 import React from 'react';
 
-const View = require('../Components/View/View');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
+const View = require('../../../Libraries/Components/View/View').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
+const Text = require('../../../Libraries/Text/Text').default;
 
 type Props = $ReadOnly<{
   style?: ?____FlattenStyleProp_Internal<ViewStyleProp>,
@@ -73,4 +73,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = StyleInspector;
+export default StyleInspector;

package/{Libraries/Network → src/private/inspector}/XHRInterceptor.js

@@ -10,7 +10,10 @@
 
 'use strict';
 
-const XMLHttpRequest = require('./XMLHttpRequest');
+import typeof XMLHttpRequestT from '../../../Libraries/Network/XMLHttpRequest';
+
+const XMLHttpRequest: XMLHttpRequestT =
+  require('../../../Libraries/Network/XMLHttpRequest').default;
 // $FlowFixMe[method-unbinding]
 const originalXHROpen = XMLHttpRequest.prototype.open;
 // $FlowFixMe[method-unbinding]
@@ -211,4 +214,4 @@ const XHRInterceptor = {
   },
 };
 
-module.exports = XHRInterceptor;
+export default XHRInterceptor;

package/{Libraries/Inspector → src/private/inspector}/getInspectorDataForViewAtPoint.js

@@ -8,10 +8,8 @@
  * @flow
  */
 
-import type {
-  HostInstance,
-  TouchedViewDataAtPoint,
-} from '../Renderer/shims/ReactNativeTypes';
+import type {TouchedViewDataAtPoint} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostInstance} from '../types/HostInstance';
 
 const invariant = require('invariant');
 
@@ -49,7 +47,7 @@ function validateRenderers(): void {
   );
 }
 
-module.exports = function getInspectorDataForViewAtPoint(
+function getInspectorDataForViewAtPoint(
   inspectedView: ?HostInstance,
   locationX: number,
   locationY: number,
@@ -78,4 +76,6 @@ module.exports = function getInspectorDataForViewAtPoint(
       );
     }
   }
-};
+}
+
+export default getInspectorDataForViewAtPoint;

package/{Libraries/Inspector → src/private/inspector}/resolveBoxStyle.js

@@ -10,7 +10,8 @@
 
 'use strict';
 
-const I18nManager = require('../ReactNative/I18nManager');
+const I18nManager =
+  require('../../../Libraries/ReactNative/I18nManager').default;
 
 /**
  * Resolve a style property into its component parts.
@@ -25,12 +26,12 @@ const I18nManager = require('../ReactNative/I18nManager');
 function resolveBoxStyle(
   prefix: string,
   style: Object,
-): ?$ReadOnly<{|
+): ?$ReadOnly<{
   bottom: number,
   left: number,
   right: number,
   top: number,
-|}> {
+}> {
   let hasParts = false;
   const result = {
     bottom: 0,
@@ -111,4 +112,4 @@ function resolveBoxStyle(
   return hasParts ? result : null;
 }
 
-module.exports = resolveBoxStyle;
+export default resolveBoxStyle;

package/src/private/renderer/errorhandling/ErrorHandlers.js

@@ -9,16 +9,16 @@
  */
 
 import type {ExtendedError} from '../../../../Libraries/Core/ExtendedError';
+import type {Component as ReactComponent} from 'react';
 
-import {
+import ExceptionsManager, {
   SyntheticError,
-  handleException,
 } from '../../../../Libraries/Core/ExceptionsManager';
 
 type ErrorInfo = {
   +componentStack?: ?string,
   // $FlowFixMe[unclear-type] unknown props and state.
-  +errorBoundary?: ?React$Component<any, any>,
+  +errorBoundary?: ?ReactComponent<any, any>,
 };
 
 function getExtendedError(
@@ -60,14 +60,14 @@ export function onUncaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
   const error = getExtendedError(errorValue, errorInfo);
 
   // Uncaught errors are fatal.
-  handleException(error, true);
+  ExceptionsManager.handleException(error, true);
 }
 
 export function onCaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
   const error = getExtendedError(errorValue, errorInfo);
 
   // Caught errors are not fatal.
-  handleException(error, false);
+  ExceptionsManager.handleException(error, false);
 }
 
 export function onRecoverableError(

package/src/private/setup/setUpDOM.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
+ * @flow strict-local
  * @format
  */
 
@@ -21,16 +21,56 @@ export default function setUpDOM() {
 
   polyfillGlobal(
     'DOMRect',
-    () => require('../webapis/dom/geometry/DOMRect').default,
+    () => require('../webapis/geometry/DOMRect').default,
   );
 
   polyfillGlobal(
     'DOMRectReadOnly',
-    () => require('../webapis/dom/geometry/DOMRectReadOnly').default,
+    () => require('../webapis/geometry/DOMRectReadOnly').default,
+  );
+
+  polyfillGlobal(
+    'DOMRectList',
+    () => require('../webapis/geometry/DOMRectList').default,
+  );
+
+  polyfillGlobal(
+    'HTMLCollection',
+    () => require('../webapis/dom/oldstylecollections/HTMLCollection').default,
   );
 
   polyfillGlobal(
     'NodeList',
     () => require('../webapis/dom/oldstylecollections/NodeList').default,
   );
+
+  polyfillGlobal(
+    'Node',
+    () => require('../webapis/dom/nodes/ReadOnlyNode').default,
+  );
+
+  polyfillGlobal(
+    'Document',
+    () => require('../webapis/dom/nodes/ReactNativeDocument').default,
+  );
+
+  polyfillGlobal(
+    'CharacterData',
+    () => require('../webapis/dom/nodes/ReadOnlyCharacterData').default,
+  );
+
+  polyfillGlobal(
+    'Text',
+    () => require('../webapis/dom/nodes/ReadOnlyText').default,
+  );
+
+  polyfillGlobal(
+    'Element',
+    () => require('../webapis/dom/nodes/ReadOnlyElement').default,
+  );
+
+  polyfillGlobal(
+    'HTMLElement',
+    () => require('../webapis/dom/nodes/ReactNativeElement').default,
+  );
 }

package/src/private/{specs → specs_DEPRECATED}/components/ActivityIndicatorViewNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -46,7 +46,7 @@ type NativeProps = $ReadOnly<{|
    * See https://reactnative.dev/docs/activityindicator#size
    */
   size?: WithDefault<'small' | 'large', 'small'>,
-|}>;
+}>;
 
 export default (codegenNativeComponent<NativeProps>('ActivityIndicatorView', {
   paperComponentName: 'RCTActivityIndicatorView',

package/src/private/{specs → specs_DEPRECATED}/components/AndroidDrawerLayoutNativeComponent.js

@@ -9,7 +9,6 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
@@ -17,20 +16,21 @@ import type {
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type DrawerStateEvent = $ReadOnly<{|
+type DrawerStateEvent = $ReadOnly<{
   drawerState: Int32,
-|}>;
+}>;
 
-type DrawerSlideEvent = $ReadOnly<{|
+type DrawerSlideEvent = $ReadOnly<{
   offset: Float,
-|}>;
+}>;
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
   /**
    * Determines whether the keyboard gets dismissed in response to a drag.
@@ -106,7 +106,7 @@ type NativeProps = $ReadOnly<{|
    * effect on API 21+.
    */
   statusBarBackgroundColor?: ?ColorValue,
-|}>;
+}>;
 
 type NativeType = HostComponent<NativeProps>;
 

package/src/private/{specs → specs_DEPRECATED}/components/AndroidHorizontalScrollContentViewNativeComponent.js

@@ -9,15 +9,15 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   removeClippedSubviews?: ?boolean,
-|}>;
+}>;
 
 type NativeType = HostComponent<NativeProps>;
 

package/src/private/{specs → specs_DEPRECATED}/components/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -9,19 +9,19 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
   Float,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -54,7 +54,7 @@ type NativeProps = $ReadOnly<{|
    * Whether the view should be indicating an active refresh.
    */
   refreshing: boolean,
-|}>;
+}>;
 
 type NativeType = HostComponent<NativeProps>;