title: Material ui select onchange is not bubbling
body: <p>I have a div which has a material ui Select, material ui TextField and a plain html select.
  This div has an onchange event which simply console logs the <em>event.target.value</em>. When ever the onchange of material ui TextField or the select is triggered, <em>event.target.value</em> is logged to the console. But not for the onchange of material ui select.</p>
  
  <p>sample code: <a href="https://codesandbox.io/s/material-demo-03495?file=/demo.tsx" rel="noreferrer">https://codesandbox.io/s/material-demo-03495?file=/demo.tsx</a></p>
  
  <p>What am i missing here?</p>
  
  <p>Thanks.</p>