title: Why my handleChange is not being invoked? MaterialUI
body: <p>Is there something wrong with the TextField component from Material UI that I'm missing?
  My handleChange simply is not getting invoked.
  I can type in value in the inputs, but state of the component is not changing.</p>
  <p>Here is the Auth component:</p>
  <pre><code>const Auth = () =&gt; {
  
    const [formData, setFormData] = useState(initialFormState)
  
    const handleSubmit = (e) =&gt; {
      e.preventDefault(); 
  
      console.log(formData);
    }
  
    const handleChange = (e) =&gt; {
  
      setFormData({
        ...formData,
        [e.target.name]: e.target.value
      })
    }
  
    return ( 
      &lt;Container component=&quot;main&quot; maxWidth=&quot;xs&quot;&gt;
        &lt;Paper className={classes.paper} elevation={3}&gt;
  
          &lt;form className={classes.form} onSubmit={handleSubmit}&gt;
            &lt;Grid container spacing={2}&gt;
  
              &lt;Input name=&quot;email&quot; label=&quot;e-mail&quot; handleChange={handleChange} type=&quot;email&quot; /&gt;
              &lt;Input name=&quot;password&quot; label=&quot;password&quot; handleChange={handleChange} type={showPassword ? &quot;text&quot; : &quot;password&quot;} handleShowPassword={handleShowPassword} /&gt;
  
            &lt;/Grid&gt;
  
            &lt;Button type=&quot;submit&quot; variant=&quot;contained&quot; color=&quot;primary&quot; className={classes.submit} fullWidth&gt;
              {isSignup ? &quot;Sign up&quot; : &quot;Sign in&quot;}
            &lt;/Button&gt;
  
          &lt;/form&gt;
  
        &lt;/Paper&gt;
      &lt;/Container&gt;
    );
  }
  </code></pre>
  <p>And the input component which is inside Auth:</p>
  <pre><code>const Input = ({ name, half, handleChange, type, label, autoFocus, handleShowPassword  }) =&gt; {
  
    return ( 
      &lt;&gt;
        &lt;Grid item xs={12} sm={half ? 6 : 12}&gt;
          &lt;TextField 
            name={name}
            handleChange={handleChange}
            variant=&quot;outlined&quot;
            required
            fullWidth
            label={label}
            autoFocus={autoFocus}
            type={type}
            InputProps={name === &quot;password&quot; ? {
              endAdornment: (
                &lt;InputAdornment position=&quot;end&quot;&gt;
                  &lt;IconButton onClick={handleShowPassword}&gt;
                    {type === &quot;password&quot; ? &lt;Visibility/&gt; : &lt;VisibilityOff/&gt;}
                  &lt;/IconButton&gt;
                &lt;/InputAdornment&gt;
              )
            } : null}
          /&gt;
        &lt;/Grid&gt;
      &lt;/&gt;
     );
  }
  </code></pre>