Implementé el código de control personalizado para el mapa anterior usando ReactJS.

En la posición superior derecha tengo un control personalizado para dibujar y elegir colores. Entre estos dos controles, todos usan los mismos accesorios de un componente principal.

Sin embargo, cada vez que hago clic para seleccionar un color, la aplicación vuelve a renderizarse y las posiciones de los controles cambian.

Entonces, ¿hay alguna manera de evitar que la posición cambie cada vez que selecciono el color y cambio los accesorios de esos dos controles?

Enlace de demostración de este error: https://youtu.be/29mcGWykyoY

Enlace sobre el componente de transmisión JSX: https://youtu.be/YD6l2YyxMZs

Enlace sobre mi componente: Imagen