title: 'event' is deprecated- what to use instead for React change handlers
body: <p>I am currently building a React app with Material UI.
  I'm trying to build a Select component with a dropdown, and as I'm writing the handleChange function, I am getting a warning that my function parameter <code>event</code> is deprecated.</p>
  <p>I've seen this before when editing other applications with functions that depend on an event variable. Looking online, I've seen recommendations to use <code>.bind</code> or <code>.addEventListener</code>instead, but I don't totally understand how these work. It also seemingly makes the code way uglier...</p>
  <p>I guess I'm just looking for some advice as to how I would implement these alternatives in the case of a MUI Select component. This is what I <em>want</em> to write:</p>
  <pre><code>const handleChange= (event: any) =&gt; {
    setState(event.target.value);
  };
  </code></pre>
  <p>So that I could easily use it in the render function:</p>
  <pre><code>   &lt;Select
        native
        value={binary}             \\ (state variable)
        onChange={handleChange}    \\ (nice and simple function ref)
        inputProps={{
          name: 'binary',
          id: 'binary-select',
        }}
     &gt;
  </code></pre>
  <p>If <code>event</code> is deprecated, am I risking a loss of functionality in the future by using it? If I should use these alternative solutions I've seen online instead, how would I apply them in this case?</p>
  <p>Thanks!</p>