React 18 StrictMode: Markers incorrectly positioned

[BenHodgsonR2R]

Describe the bug 🐛

With StrictMode enabled in development, the markers do not render in the correct position as the map is moved.

To Reproduce 🔍

Steps to reproduce the behavior:

1. Go to https://codesandbox.io/p/sandbox/polished-field-vx9x24?file=%2Fsrc%2Findex.js%3A7%2C13
2. Drag the map

Notice the markers do not respect the provided lat/lng properties, and behave like a a fixed-positioned element on the screen.

Expected behavior 💭

The markers respect the lat/lng provided as properties.

Environment:

• OS: Windows
• Browser: Chrome
• Version: Version 124.0.6367.118 (Official Build) (64-bit)

[AaronLayton]

+1 👍 I believe I have an issue on a production site after upgrading to React 18 where the map markers jump around

@karldanninger

chrome_VTGPJHAS1N.mp4