Merge pull request #31118 from tienifr/fix/31098

[CP Staging] Fix: Cannot navigate by `Tab` key

(cherry picked from commit 1da5e43)

src/components/Pressable/GenericPressable/index.tsx

@@ -3,14 +3,17 @@ import {Role, View} from 'react-native';
 import GenericPressable from './BaseGenericPressable';
 import PressableProps from './types';
 
-function WebGenericPressable(props: PressableProps, ref: ForwardedRef<View>) {
+function WebGenericPressable({focusable = true, ...props}: PressableProps, ref: ForwardedRef<View>) {
+    const accessible = props.accessible ?? props.accessible === undefined ? true : props.accessible;
+
     return (
         <GenericPressable
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             ref={ref}
             // change native accessibility props to web accessibility props
-            tabIndex={!props.accessible || !props.focusable ? -1 : 0}
+            focusable={focusable}
+            tabIndex={!accessible || !focusable ? -1 : 0}
             role={props.accessibilityRole as Role}
             id={props.nativeID}
             aria-label={props.accessibilityLabel}