Material-UI Menu Items are still clickable after they are hidden

Question

I am working on a React project using Material-UI. I have a Menu within an App Bar, which works as expected i.e. clicking on the menu icon opens the menu in the correct loca