title: Material ui tool tip not closing when clicked on element
body: <p><a href="https://codesandbox.io/s/material-demo-5s4c0?file=/demo.js" rel="nofollow noreferrer">https://codesandbox.io/s/material-demo-5s4c0?file=/demo.js</a></p>
  
  <p>I am playing with the material UI tooltip in the above link which has a UI demo. Tooltip is opened on the hover of the button, but it not going away when clicked on the button.is it the default functionality ? just wondering how to make it close when clicked on the button.</p>
  
  <p>any suggestions or help is appreciated.</p>