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

try searching your node_modules folder for `pointerEvents="auto"` some code related to pressable has pointerEvent — Medet Tleukabiluly, Jan 09 '23 at 01:11
@MedetTleukabiluly weird thing is there is no pointerEvents anywhere or I've searched pointer-events there is none in any file — Jzx Naga, Jan 09 '23 at 01:38
not much of a fix but you can downgrade `@react-navigation/drawer` to `5.12.9` until we get this figured out — Dupocas, Jan 18 '23 at 15:34

score 2 · Answer 1 · answered Jan 18 '23 at 08:26

2

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

answered Jan 18 '23 at 08:26

saifullah ubaid

31
2

how do you download the spesific version? with what command ? my version is 6.5.7 – Jzx Naga Jan 18 '23 at 10:15
this might be the answer if I know how to change the version to 6.1.4 – Jzx Naga Jan 18 '23 at 10:32
it should be "6.1.4" not "^6.1.4". – saifullah ubaid Jan 19 '23 at 06:14

score 1 · Answer 2 · answered Jan 19 '23 at 09:03

1

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.

answered Jan 19 '23 at 09:03

Abdul Rafeh

11
1

score 1 · Answer 3 · answered Jan 27 '23 at 07:20

1

@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.

answered Jan 27 '23 at 07:20

Bayarjargal Jargalsaikhan

376
1
2
13

score 0 · Answer 4 · answered Jan 08 '23 at 20:31

0

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.

answered Jan 08 '23 at 20:31

Abe

4,500
2
11
25

The thing is there is no anywhere or when I searched global also there is no pointerEvents thing – Jzx Naga Jan 09 '23 at 01:03
any other suggestion please ? – Jzx Naga Jan 09 '23 at 01:37
What are you trying to put the style on? – Abe Jan 09 '23 at 07:48
there is no style i've been putting in that correlated with pointerEvents or pointer-event, thats the weird part @Abe – Jzx Naga Jan 09 '23 at 10:51
hy did you fixed this issue? – Saif Ubaid Jan 17 '23 at 08:58
no I still cant fix it @SaifUbaid – Jzx Naga Jan 18 '23 at 03:12

score 0 · Answer 5 · edited May 28 '23 at 21:51

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

How to fix pointer event error ? React Native

5 Answers5

Linked