How to fix pointer event error ? React Native

Question

I've been getting this error in mac M1 laptop , meanwhile it is fine with my other device

I've been stuck here and cant fix these error , please help Also there is this error "Requiring module "node_modules/@react-navigation/drawer/src/views/modern/Drawer.tsx" I don't even install drawer in other device and it is fine

Note also when I search globaly for <View pointerEvents='auto' ...> // pointerEvents , there is no such thing , since I never added that too to my view

Answer 1

If you are using @react-navigation/drawer and getting this error, you can either update the @react-navigation/drawer version to the latest that is 7.0.0-alpha.1, or you create a patch to remove the pointer event from the style.

Go to the below location and find pressable style and remove the pointerEvents And add the pointerEvents to the overlay Animated.View

location: /node_modules/@react-navigation/drawer/src/views/modern/Overlay.tsx

Answer 2

@react-navigation/drawer v6.5.7 still has same issue. I don't know which version is buggy. But for me, lowering down to v6.5.0 did the work.

Answer 3

I commented the pointerEvents: 'auto' from the @react-navigation library on this path ./node_modules/@react-navigation/drawer/src/views/modern/Overlay.tsx error went away. I have the latest version of lib installed.

Answer 4

i was facing the same issue , you can fix it in drawer version "6.1.4". please verify the version on yarn.lock

Answer 5

The error is correct - pointerEvents is not a valid style property. It's a prop of View. Don't add it to your styles, set it directly on the View:

  <View pointerEvents='auto' ...>

See the docs for more on how to use pointerEvents. Auto is the default and doesn't need to be specified.