How to disable zoom option for ReactMapGL

[Jay-Bruh]

Currently I have my map component covering the full height and width of my page and I have other components below it. So whenever I scroll to go below, the map just zooms out and I'm not able to scroll down. So anyway I can disable the zooming option and freely scroll down to my other components without disturbing the map?

[Pessimistress]

touchAction

[Jay-Bruh]

Hey so I tried adding touchAction: "false" and "none" but that didnt change anything. I've attached my sandbox for reference https://codesandbox.io/s/full-popup-mapbox-stackoverflow-forked-gnqko?file=/src/App.js. Everytime I scroll my mouse, the map still zooms in and out

[Pessimistress]

Sorry, just read your question again. You want to set scrollZoom to false.

[Jay-Bruh]

This still didn't work out in my case. Can you review my sandbox and tell me where I'm going wrong? https://codesandbox.io/s/full-popup-mapbox-stackoverflow-forked-myu0i

[Pessimistress]

scrollZoom needs to be set as a ReactMapGL prop. Do not place it in viewport because the state is going to be overwritten.

Also, false and "false" are not the same thing.

[Jay-Bruh]

Ah yes, that did the trick thanks