title: Material UI tabs not working with Scroll to
body: <p>I am trying to scroll to div when clicking on Tab with Material UI Tabs, UseRef and ScrollTo.</p>
  
  <p>Sand box Link: <a href="https://codesandbox.io/s/exciting-sound-mrw2v" rel="nofollow noreferrer">https://codesandbox.io/s/exciting-sound-mrw2v</a></p>
  
  <p>when clicked on Tab 2, I am expecting to scroll onto Tab2 Contents and Tab 1 contents visible on scrolling.Currently it requires  two clicks to scroll onto the div, I am wondering why its behind one click. Any leads appreciated. Thanks!</p>