@office-iss/react-native-win32 0.67.0 → 0.68.0-preview.3

package/Libraries/LogBox/Data/parseLogBoxLog.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -14,9 +14,12 @@ import type {ExceptionData} from '../../Core/NativeExceptionsManager';
 import type {LogBoxLogData} from './LogBoxLog';
 import parseErrorStack from '../../Core/Devtools/parseErrorStack';
 
-const BABEL_TRANSFORM_ERROR_FORMAT = /^(?:TransformError )?(?:SyntaxError: |ReferenceError: )(.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/;
-const BABEL_CODE_FRAME_ERROR_FORMAT = /^(?:TransformError )?(?:.*):? (?:.*?)(\/.*): ([\s\S]+?)\n([ >]{2}[\d\s]+ \|[\s\S]+|\u{001b}[\s\S]+)/u;
-const METRO_ERROR_FORMAT = /^(?:InternalError Metro has encountered an error:) (.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/u;
+const BABEL_TRANSFORM_ERROR_FORMAT =
+  /^(?:TransformError )?(?:SyntaxError: |ReferenceError: )(.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/;
+const BABEL_CODE_FRAME_ERROR_FORMAT =
+  /^(?:TransformError )?(?:.*):? (?:.*?)(\/.*): ([\s\S]+?)\n([ >]{2}[\d\s]+ \|[\s\S]+|\u{001b}[\s\S]+)/u;
+const METRO_ERROR_FORMAT =
+  /^(?:InternalError Metro has encountered an error:) (.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/u;
 
 export type ExtendedExceptionData = ExceptionData & {
   isComponentError: boolean,
@@ -51,9 +54,7 @@ export type ComponentStack = $ReadOnlyArray<CodeFrame>;
 
 const SUBSTITUTION = UTFSequence.BOM + '%s';
 
-export function parseInterpolation(
-  args: $ReadOnlyArray<mixed>,
-): $ReadOnly<{|
+export function parseInterpolation(args: $ReadOnlyArray<mixed>): $ReadOnly<{|
   category: Category,
   message: Message,
 |}> {
@@ -186,13 +187,8 @@ export function parseLogBoxException(
 
   const metroInternalError = message.match(METRO_ERROR_FORMAT);
   if (metroInternalError) {
-    const [
-      content,
-      fileName,
-      row,
-      column,
-      codeFrame,
-    ] = metroInternalError.slice(1);
+    const [content, fileName, row, column, codeFrame] =
+      metroInternalError.slice(1);
 
     return {
       level: 'fatal',
@@ -219,13 +215,8 @@ export function parseLogBoxException(
   const babelTransformError = message.match(BABEL_TRANSFORM_ERROR_FORMAT);
   if (babelTransformError) {
     // Transform errors are thrown from inside the Babel transformer.
-    const [
-      fileName,
-      content,
-      row,
-      column,
-      codeFrame,
-    ] = babelTransformError.slice(1);
+    const [fileName, content, row, column, codeFrame] =
+      babelTransformError.slice(1);
 
     return {
       level: 'syntax',
@@ -318,9 +309,7 @@ export function parseLogBoxException(
   };
 }
 
-export function parseLogBoxLog(
-  args: $ReadOnlyArray<mixed>,
-): {|
+export function parseLogBoxLog(args: $ReadOnlyArray<mixed>): {|
   componentStack: ComponentStack,
   category: Category,
   message: Message,

package/Libraries/LogBox/LogBox.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -147,17 +147,17 @@ if (__DEV__) {
     },
   };
 
-  const isRCTLogAdviceWarning = (...args) => {
+  const isRCTLogAdviceWarning = (...args: Array<mixed>) => {
     // RCTLogAdvice is a native logging function designed to show users
     // a message in the console, but not show it to them in Logbox.
     return typeof args[0] === 'string' && args[0].startsWith('(ADVICE)');
   };
 
-  const isWarningModuleWarning = (...args) => {
+  const isWarningModuleWarning = (...args: any) => {
     return typeof args[0] === 'string' && args[0].startsWith('Warning: ');
   };
 
-  const registerWarning = (...args): void => {
+  const registerWarning = (...args: Array<mixed>): void => {
     // Let warnings within LogBox itself fall through.
     if (LogBoxData.isLogBoxErrorMessage(String(args[0]))) {
       originalConsoleError(...args);

package/Libraries/LogBox/LogBoxInspectorContainer.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/LogBoxNotificationContainer.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/AnsiHighlight.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -9,9 +9,8 @@
  */
 
 import {ansiToJson} from 'anser';
-import Text from '../../Text/Text';
-import View from '../../Components/View/View';
 import * as React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 import type {TextStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 
@@ -77,9 +76,9 @@ export default function Ansi({
   };
 
   return (
-    <View style={{flexDirection: 'column'}}>
+    <View>
       {parsedLines.map((items, i) => (
-        <View style={{flexDirection: 'row'}} key={i}>
+        <View style={styles.line} key={i}>
           {items.map((bundle, key) => {
             const textStyle =
               bundle.fg && COLORS[bundle.fg]
@@ -101,3 +100,9 @@ export default function Ansi({
     </View>
   );
 }
+
+const styles = StyleSheet.create({
+  line: {
+    flexDirection: 'row',
+  },
+});

package/Libraries/LogBox/UI/LogBoxButton.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/LogBoxInspector.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -92,7 +92,9 @@ const headerTitleMap = {
   component: 'Render Error',
 };
 
-function LogBoxInspectorBody(props) {
+function LogBoxInspectorBody(
+  props: $TEMPORARY$object<{log: LogBoxLog, onRetry: () => void}>,
+) {
   const [collapsed, setCollapsed] = React.useState(true);
 
   React.useEffect(() => {

package/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/LogBoxInspectorFooter.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/LogBoxInspectorHeader.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/LogBoxInspectorHeader.win32.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/LogBoxInspectorMessageHeader.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/LogBoxInspectorReactFrames.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -26,7 +26,7 @@ type Props = $ReadOnly<{|
 const BEFORE_SLASH_RE = /^(.*)[\\/]/;
 
 // Taken from React https://github.com/facebook/react/blob/206d61f72214e8ae5b935f0bf8628491cb7f0797/packages/react-devtools-shared/src/backend/describeComponentFrame.js#L27-L41
-function getPrettyFileName(path) {
+function getPrettyFileName(path: string) {
   let fileName = path.replace(BEFORE_SLASH_RE, '');
 
   // In DEV, include code for a common special case:

package/Libraries/LogBox/UI/LogBoxInspectorSection.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -36,7 +36,6 @@ function LogBoxInspectorSourceMapStatus(props: Props): React.Node {
         const animation = Animated.loop(
           Animated.timing(animated, {
             duration: 2000,
-            // $FlowFixMe[method-unbinding]
             easing: Easing.linear,
             toValue: 1,
             useNativeDriver: true,

package/Libraries/LogBox/UI/LogBoxInspectorStackFrame.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -57,7 +57,7 @@ function LogBoxInspectorStackFrame(props: Props): React.Node {
   );
 }
 
-function getFileName(file) {
+function getFileName(file: ?string) {
   if (file == null) {
     return '<unknown>';
   }

package/Libraries/LogBox/UI/LogBoxInspectorStackFrame.win32.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -57,7 +57,7 @@ function LogBoxInspectorStackFrame(props: Props): React.Node {
   );
 }
 
-function getFileName(file) {
+function getFileName(file: ?string) {
   if (file == null) {
     return '<unknown>';
   }

package/Libraries/LogBox/UI/LogBoxInspectorStackFrames.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -132,7 +132,9 @@ function StackFrameList(props) {
   );
 }
 
-function StackFrameFooter(props) {
+function StackFrameFooter(
+  props: $TEMPORARY$object<{message: string, onPress: () => void}>,
+) {
   return (
     <View style={stackStyles.collapseContainer}>
       <LogBoxButton

package/Libraries/LogBox/UI/LogBoxMessage.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -22,7 +22,7 @@ type Props = {
   ...
 };
 
-const cleanContent = content =>
+const cleanContent = (content: string) =>
   content.replace(/^(TransformError |Warning: (Warning: )?|Error: )/g, '');
 
 function LogBoxMessage(props: Props): React.Node {
@@ -36,7 +36,11 @@ function LogBoxMessage(props: Props): React.Node {
   const substitutionStyle: TextStyleProp = props.style;
   const elements = [];
   let length = 0;
-  const createUnderLength = (key, message, style) => {
+  const createUnderLength = (
+    key: string | $TEMPORARY$string<'-1'>,
+    message: string,
+    style: void | TextStyleProp,
+  ) => {
     let cleanMessage = cleanContent(message);
 
     if (props.maxLength != null) {

package/Libraries/LogBox/UI/LogBoxNotification.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,6 +8,7 @@
  * @format
  */
 
+import type {Message as MessageType} from '../Data/parseLogBoxLog';
 import * as React from 'react';
 import Image from '../../Image/Image';
 import StyleSheet from '../../StyleSheet/StyleSheet';
@@ -54,7 +55,9 @@ function LogBoxLogNotification(props: Props): React.Node {
   );
 }
 
-function CountBadge(props) {
+function CountBadge(
+  props: $TEMPORARY$object<{count: number, level: 'error' | 'warn'}>,
+) {
   return (
     <View style={countStyles.outside}>
       {/* $FlowFixMe[incompatible-type] (>=0.114.0) This suppression was added
@@ -69,7 +72,7 @@ function CountBadge(props) {
   );
 }
 
-function Message(props) {
+function Message(props: $TEMPORARY$object<{message: MessageType}>) {
   return (
     <View style={messageStyles.container}>
       <Text numberOfLines={1} style={messageStyles.text}>
@@ -85,7 +88,7 @@ function Message(props) {
   );
 }
 
-function DismissButton(props) {
+function DismissButton(props: $TEMPORARY$object<{onPress: () => void}>) {
   return (
     <View style={dismissStyles.container}>
       <LogBoxButton

package/Libraries/LogBox/UI/LogBoxStyle.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/LogBox/UI/LogBoxStyle.win32.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/Modal/Modal.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -44,7 +44,7 @@ const ModalEventEmitter =
 /**
  * The Modal component is a simple way to present content above an enclosing view.
  *
- * See https://reactnative.dev/docs/modal.html
+ * See https://reactnative.dev/docs/modal
  */
 
 // In order to route onDismiss callbacks, we need to uniquely identifier each
@@ -63,14 +63,14 @@ export type Props = $ReadOnly<{|
   /**
    * The `animationType` prop controls how the modal animates.
    *
-   * See https://reactnative.dev/docs/modal.html#animationtype
+   * See https://reactnative.dev/docs/modal#animationtype
    */
   animationType?: ?('none' | 'slide' | 'fade'),
 
   /**
    * The `presentationStyle` prop controls how the modal appears.
    *
-   * See https://reactnative.dev/docs/modal.html#presentationstyle
+   * See https://reactnative.dev/docs/modal#presentationstyle
    */
   presentationStyle?: ?(
     | 'fullScreen'
@@ -83,7 +83,7 @@ export type Props = $ReadOnly<{|
    * The `transparent` prop determines whether your modal will fill the
    * entire view.
    *
-   * See https://reactnative.dev/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal#transparent
    */
   transparent?: ?boolean,
 
@@ -91,7 +91,7 @@ export type Props = $ReadOnly<{|
    * The `statusBarTranslucent` prop determines whether your modal should go under
    * the system statusbar.
    *
-   * See https://reactnative.dev/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal#transparent
    */
   statusBarTranslucent?: ?boolean,
 
@@ -101,14 +101,14 @@ export type Props = $ReadOnly<{|
    *
    * This prop works only on Android.
    *
-   * See https://reactnative.dev/docs/modal.html#hardwareaccelerated
+   * See https://reactnative.dev/docs/modal#hardwareaccelerated
    */
   hardwareAccelerated?: ?boolean,
 
   /**
    * The `visible` prop determines whether your modal is visible.
    *
-   * See https://reactnative.dev/docs/modal.html#visible
+   * See https://reactnative.dev/docs/modal#visible
    */
   visible?: ?boolean,
 
@@ -118,7 +118,7 @@ export type Props = $ReadOnly<{|
    *
    * This is required on Apple TV and Android.
    *
-   * See https://reactnative.dev/docs/modal.html#onrequestclose
+   * See https://reactnative.dev/docs/modal#onrequestclose
    */
   onRequestClose?: ?DirectEventHandler<null>,
 
@@ -126,7 +126,7 @@ export type Props = $ReadOnly<{|
    * The `onShow` prop allows passing a function that will be called once the
    * modal has been shown.
    *
-   * See https://reactnative.dev/docs/modal.html#onshow
+   * See https://reactnative.dev/docs/modal#onshow
    */
   onShow?: ?DirectEventHandler<null>,
 
@@ -134,14 +134,14 @@ export type Props = $ReadOnly<{|
    * The `onDismiss` prop allows passing a function that will be called once
    * the modal has been dismissed.
    *
-   * See https://reactnative.dev/docs/modal.html#ondismiss
+   * See https://reactnative.dev/docs/modal#ondismiss
    */
   onDismiss?: ?() => mixed,
 
   /**
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
    *
-   * See https://reactnative.dev/docs/modal.html#supportedorientations
+   * See https://reactnative.dev/docs/modal#supportedorientations
    */
   supportedOrientations?: ?$ReadOnlyArray<
     | 'portrait'
@@ -154,7 +154,7 @@ export type Props = $ReadOnly<{|
   /**
    * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
    *
-   * See https://reactnative.dev/docs/modal.html#onorientationchange
+   * See https://reactnative.dev/docs/modal#onorientationchange
    */
   onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
 |}>;
@@ -264,7 +264,8 @@ class Modal extends React.Component<Props> {
         // $FlowFixMe[method-unbinding] added when improving typing for this parameters
         onStartShouldSetResponder={this._shouldSetResponder}
         supportedOrientations={this.props.supportedOrientations}
-        onOrientationChange={this.props.onOrientationChange}>
+        onOrientationChange={this.props.onOrientationChange}
+        testID={this.props.testID}>
         <VirtualizedListContextResetter>
           <ScrollView.Context.Provider value={null}>
             <View

package/Libraries/Modal/ModalInjection.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/Modal/NativeModalManager.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/Libraries/Modal/RCTModalHostViewNativeComponent.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -28,14 +28,14 @@ type NativeProps = $ReadOnly<{|
   /**
    * The `animationType` prop controls how the modal animates.
    *
-   * See https://reactnative.dev/docs/modal.html#animationtype
+   * See https://reactnative.dev/docs/modal#animationtype
    */
   animationType?: WithDefault<'none' | 'slide' | 'fade', 'none'>,
 
   /**
    * The `presentationStyle` prop controls how the modal appears.
    *
-   * See https://reactnative.dev/docs/modal.html#presentationstyle
+   * See https://reactnative.dev/docs/modal#presentationstyle
    */
   presentationStyle?: WithDefault<
     'fullScreen' | 'pageSheet' | 'formSheet' | 'overFullScreen',
@@ -46,7 +46,7 @@ type NativeProps = $ReadOnly<{|
    * The `transparent` prop determines whether your modal will fill the
    * entire view.
    *
-   * See https://reactnative.dev/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal#transparent
    */
   transparent?: WithDefault<boolean, false>,
 
@@ -54,7 +54,7 @@ type NativeProps = $ReadOnly<{|
    * The `statusBarTranslucent` prop determines whether your modal should go under
    * the system statusbar.
    *
-   * See https://reactnative.dev/docs/modal.html#statusBarTranslucent
+   * See https://reactnative.dev/docs/modal#statusBarTranslucent
    */
   statusBarTranslucent?: WithDefault<boolean, false>,
 
@@ -62,7 +62,7 @@ type NativeProps = $ReadOnly<{|
    * The `hardwareAccelerated` prop controls whether to force hardware
    * acceleration for the underlying window.
    *
-   * See https://reactnative.dev/docs/modal.html#hardwareaccelerated
+   * See https://reactnative.dev/docs/modal#hardwareaccelerated
    */
   hardwareAccelerated?: WithDefault<boolean, false>,
 
@@ -72,7 +72,7 @@ type NativeProps = $ReadOnly<{|
    *
    * This is required on Apple TV and Android.
    *
-   * See https://reactnative.dev/docs/modal.html#onrequestclose
+   * See https://reactnative.dev/docs/modal#onrequestclose
    */
   onRequestClose?: ?DirectEventHandler<null>,
 
@@ -80,7 +80,7 @@ type NativeProps = $ReadOnly<{|
    * The `onShow` prop allows passing a function that will be called once the
    * modal has been shown.
    *
-   * See https://reactnative.dev/docs/modal.html#onshow
+   * See https://reactnative.dev/docs/modal#onshow
    */
   onShow?: ?DirectEventHandler<null>,
 
@@ -88,14 +88,14 @@ type NativeProps = $ReadOnly<{|
    * The `onDismiss` prop allows passing a function that will be called once
    * the modal has been dismissed.
    *
-   * See https://reactnative.dev/docs/modal.html#ondismiss
+   * See https://reactnative.dev/docs/modal#ondismiss
    */
   onDismiss?: ?DirectEventHandler<null>,
 
   /**
    * The `visible` prop determines whether your modal is visible.
    *
-   * See https://reactnative.dev/docs/modal.html#visible
+   * See https://reactnative.dev/docs/modal#visible
    */
   visible?: WithDefault<boolean, false>,
 
@@ -107,7 +107,7 @@ type NativeProps = $ReadOnly<{|
   /**
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
    *
-   * See https://reactnative.dev/docs/modal.html#supportedorientations
+   * See https://reactnative.dev/docs/modal#supportedorientations
    */
   supportedOrientations?: WithDefault<
     $ReadOnlyArray<
@@ -123,7 +123,7 @@ type NativeProps = $ReadOnly<{|
   /**
    * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
    *
-   * See https://reactnative.dev/docs/modal.html#onorientationchange
+   * See https://reactnative.dev/docs/modal#onorientationchange
    */
   onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,