title: Typescript React <Select> onChange handler type error
body: <p>I'm trying to add an onChange event handler to the Select component from material-ui:</p>
  
  <pre><code>&lt;Select
        labelId="demo-simple-select-label"
        id="demo-simple-select"
        value={values.country}
        onChange={handleCountryChange}
      &gt;
        {countries.map(c =&gt; {
          return (
            &lt;MenuItem value={c}&gt;{c}&lt;/MenuItem&gt;
          )
        })}
      &lt;/Select&gt;
  </code></pre>
  
  <p>and my event handler:</p>
  
  <pre><code>const handleCountryChange = (event: React.ChangeEvent&lt;HTMLSelectElement&gt;) =&gt; {
      setValues({...values, country: event.target.value});
    };
  </code></pre>
  
  <p>but I get the following error:</p>
  
  <blockquote>
    <p>Type '(event: ChangeEvent) => void' is not assignable to type '(event: ChangeEvent&lt;{ name?: string | undefined; value: unknown; }>, child: ReactNode) => void'. </p>
  </blockquote>
  
  <p>What's wrong?</p>