fix flow errors

Author: Saadnajmi

packages/react-native/Libraries/Components/TextInput/TextInput.js

@@ -1672,8 +1672,9 @@ function InternalTextInput(props: TextInputProps): React.Node {
 
   // [macOS
   const _onKeyDown = (event: KeyEvent) => {
-    if (props.keyDownEvents && !event.isPropagationStopped()) {
-      const isHandled = props.keyDownEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
+    const keyDownEvents = props.keyDownEvents;
+    if (keyDownEvents != null && !event.isPropagationStopped()) {
+      const isHandled = keyDownEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
         return (
           event.nativeEvent.key === key &&
           Boolean(metaKey) === event.nativeEvent.metaKey &&
@@ -1682,16 +1683,17 @@ function InternalTextInput(props: TextInputProps): React.Node {
           Boolean(shiftKey) === event.nativeEvent.shiftKey
         );
       });
-      if (isHandled) {
+      if (isHandled === true) {
         event.stopPropagation();
       }
     }
     props.onKeyDown?.(event);
   };
 
   const _onKeyUp = (event: KeyEvent) => {
-    if (props.keyUpEvents && !event.isPropagationStopped()) {
-      const isHandled = props.keyUpEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
+    const keyUpEvents = props.keyUpEvents;
+    if (keyUpEvents != null && !event.isPropagationStopped()) {
+      const isHandled = keyUpEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
         return (
           event.nativeEvent.key === key &&
           Boolean(metaKey) === event.nativeEvent.metaKey &&
@@ -1700,7 +1702,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
           Boolean(shiftKey) === event.nativeEvent.shiftKey
         );
       });
-      if (isHandled) {
+      if (isHandled === true) {
         event.stopPropagation();
       }
     }
@@ -1863,6 +1865,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
         onChange={_onChange}
         onContentSizeChange={props.onContentSizeChange}
         onFocus={_onFocus}
+        // $FlowFixMe[exponential-spread]
         {...(otherProps.onKeyDown && {onKeyDown: _onKeyDown})} // [macOS]
         {...(otherProps.onKeyUp && {onKeyUp: _onKeyUp})} // [macOS]
         onScroll={_onScroll}

packages/react-native/Libraries/Components/View/View.js

@@ -97,8 +97,9 @@ const View: component(
 
     // [macOS
     const _onKeyDown = (event: KeyEvent) => {
-      if (otherProps.keyDownEvents && !event.isPropagationStopped()) {
-        const isHandled = otherProps.keyDownEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
+      const keyDownEvents = otherProps.keyDownEvents;
+      if (keyDownEvents != null && !event.isPropagationStopped()) {
+        const isHandled = keyDownEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
           return (
             event.nativeEvent.key === key &&
             Boolean(metaKey) === event.nativeEvent.metaKey &&
@@ -107,16 +108,17 @@ const View: component(
             Boolean(shiftKey) === event.nativeEvent.shiftKey
           );
         });
-        if (isHandled) {
+        if (isHandled === true) {
           event.stopPropagation();
         }
       }
       otherProps.onKeyDown?.(event);
     };
 
     const _onKeyUp = (event: KeyEvent) => {
-      if (otherProps.keyUpEvents && !event.isPropagationStopped()) {
-        const isHandled = otherProps.keyUpEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
+      const keyUpEvents = otherProps.keyUpEvents;
+      if (keyUpEvents != null && !event.isPropagationStopped()) {
+        const isHandled = keyUpEvents.some(({key, metaKey, ctrlKey, altKey, shiftKey}: HandledKeyEvent) => {
           return (
             event.nativeEvent.key === key &&
             Boolean(metaKey) === event.nativeEvent.metaKey &&
@@ -125,7 +127,7 @@ const View: component(
             Boolean(shiftKey) === event.nativeEvent.shiftKey
           );
         });
-        if (isHandled) {
+        if (isHandled === true) {
           event.stopPropagation();
         }
       }
@@ -151,6 +153,7 @@ const View: component(
             : importantForAccessibility
         }
         nativeID={id ?? nativeID}
+        // $FlowFixMe[exponential-spread]
         {...(otherProps.onKeyDown && {onKeyDown: _onKeyDown})} // [macOS]
         {...(otherProps.onKeyUp && {onKeyUp: _onKeyUp})} // [macOS]
         ref={forwardedRef}

packages/rn-tester/js/examples/KeyboardEventsExample/KeyboardEventsExample.js

@@ -1,5 +1,3 @@
-// @flow
-
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *