onMouseLeave - gauge chart size increases

[aashan007]

Hi There,

I am facing an issue with the gauge chart and I am not able to figure out where exactly it is raising from.

I have implemedted a popover component using material-ui and introduced the gauge chart inside the popover modal. On text hover gauge chart is been displayed correctly but during onmouseleave event, the popover component flicks(size of gauge chart) for a tiny second then closes the popover modal. This flicker is currently effecting our UI.

When I test without the gaugechart there is no issue with onmouseleave event. Could anyone please help me where am I going wrong here? Thanks

Reproduced the issue here
https://codesandbox.io/s/react-over-issue-5ibv6?file=/demo.js

Thanks,
:)