Moving marker re-renders map

[elhe26]

Hi,

I'm trying to move a marker but the map is always render when the marker moves.

I'm using mapRef.current.addListener and mapRef.current.panTo to change the position.

@JustFly1984 , do I need to use onCenterChanged from GoogleMap component to avoid rendering the map each time the marker moves?

[elhe26]

After a couple of hours of reading other questions, I got it working. All states need to be contained within each component to avoid re-rendering, meaning that if the marker needs to change location, you need to add all state-related behavior within that component. The same goes for any element that triggers the dom.