The Menu element does not hide when right-clicking again

[niceblex33]

Steps to reproduce

Steps:

1. Open this link to live example:
2. Wait for the page to load; if it doesn't load quickly, click the "Open preview in new tab" button—it helped me fix the blank white page immediately.
3. Right-click on the status cell of Product-1, a menu should open.
4. Now right-click on the status of Product-10, for example.
5. Continue clicking anywhere, the menu will not close.

Current behavior

The menu does not close, the browser's standard menu is displayed

Expected behavior

The menu closes, the standard browser menu is not displayed.

Context

I tried comparing my code with the MUI example code and experimentally found that this bug does not recur if the "Menu" element is placed inside "TableCell". However, this option doesn't suit me well because I need one common menu, not many separate ones. The left mouse button, by the way, works correctly.

Also, I am very new to React, please forgive any obvious mistakes if I have made them.

Your environment

FirefoxBrowser 133.0 (64-bit) for ubuntu
Crhrome Version 119.0.6045.123 (Official Build) (64-bit) ubuntu

Search keywords: menu right-clicking oncontextmenu