reactjs - Material-ui popup state popover not working

Question

I used material-ui-popup-state package to add customised menus on my header. I'm using code similar to the code in the documentation. The difference is only in the content of the popover. Mine has a few cards in the content and some styling for the background. There are two of these popovers in my header each with its own trigger.

The problem is that the popover does not behave as expected at all times and closes when the user hovers on the content of the popover. The behaviour is not consistent and is intermittent. One pattern I observed is that this happens most often when one moves from content of one popover to the button that triggers the other one.

Is this a known issue, is there any work-around?

Sample code

Answer 1

等待大神答复