title: React Warning non-passive event listener to a scroll-blocking 'touchstart'
body: <p>I have a react component with a material-ui Slider.
  Each time this component renders  I get this warning :
  "Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive"</p>
  
  <p>How can this be fixed?</p>
  
  <p><a href="https://i.stack.imgur.com/3kLIo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3kLIo.png" alt="image of warnings in console"></a></p>