Markers wiggle on React 18

[agusterodin]

Reproducible by upgrading React version of website example to version 18

Before (React 17):

Screen.Recording.2022-07-09.at.6.38.32.PM.mov

After (React 18):

Screen.Recording.2022-07-09.at.6.41.12.PM.mov

[mcgrealife]

+1 to this. Thanks for the videos.

[tranthaison1231]

+1 to this, any one know how to fix this issue?

[tranthaison1231]

@agusterodin Have you fixed this prolem?

[lduchuy2002]

Because React 18 events are auto batching state update when the map is moving, you guys can fork this repo and put flushSync to map 'move' event in ProjectedLayer component, hope this helps you

[nickpolet]

Is there any interest in making this part of the repo here instead of having to fork and go that way?

[lduchuy2002]

Hi @nickpolet . I created 2 files and use the Marker component instead of forking

Note: inside ProjectLayer component which i copied from this library

So somewhere in my app
import Marker from 'lib/react-mapbox-gl/Marker'

<Marker ...your props />