title: How to disable IconButton ripple effect in Material UI?
body: <p>I am having a AppBar with IconButton in it. While hovering the button it shows a oval hover in it . I tried to disable it by giving </p>
  
  <p><code>disableFocusRipple={true}</code> </p>
  
  <p>But it doesnt works.Please help me with that.</p>
  
  <p><a href="https://i.stack.imgur.com/RjD3E.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RjD3E.png" alt="Here i am sharing the image of the hover"></a></p>