I have implemented the custom control code for the above map using ReactJS.

In the topright position I have a custom control for drawing and choosing colors. Between these two controls, they all use the same props from a parent component.

However, every time I click to select a color, the app re-renders and the positions of the controls are changed.

So is there a way I can prevent the position from changing every time I select the color and change the props of those two controls?

Link demo this bug: https://youtu.be/29mcGWykyoY

Link about stream component JSX: https://youtu.be/YD6l2YyxMZs

Link about my component: Image