Webpage crashes when scrollZoom is enabled for Map

[zeel91297]

Hi, My page is crashed every time I try to zoom in or zoom out. If I disable scrollZoom it is working fine.
The thing is I want to implement it with scrolling also.

"mapbox-gl": "^1.13.1", "react-map-gl": "^5.3.10",

Can anyone please help me with this?

[Pessimistress]

We cannot debug from a screenshot. Please create a CodeSandbox that reproduces your issue.

[zeel91297]

@Pessimistress Here is the link to CodeSandbox
https://codesandbox.io/s/funny-field-9lo5d?fontsize=14&hidenavigation=1&theme=dark

If you're not able to see the above error then please keep open networks tab and try to zoom-in and zoom-out.

[Pessimistress]

Try not to mutate the incoming viewport. I.e. instead of

const newViewPort = nextViewport;

Use

const newViewPort = {...nextViewport};

Before you overwrite its content.

[zeel91297]

Thanks a lot!