title: I can't change input value in React hooks
body: <p>I’m quite new to React and Hooks and trying to make contact form with hooks.
  I can't change my values in the field and can't type anything in the input and the onChange() is not firing. But there is no error on browser and console, so I can not figure it out.
  Do you know the reason?</p>
  <p>Here is my code.</p>
  <pre><code>
  import React , {useState} from 'react';
  import Button from '@material-ui/core/Button';
  import Dialog from '@material-ui/core/Dialog';
  import DialogActions from '@material-ui/core/DialogActions';
  import DialogContent from '@material-ui/core/DialogContent';
  import DialogTitle from '@material-ui/core/DialogTitle';
  import TextInput from './TextInput'
  
  const FormDialog = props =&gt; {
      const {
          handleClose,
          open,
      } = props;
  
      const [values, setValues] = useState({
          name: &quot;&quot;,
          email: &quot;&quot;,
          description: &quot;&quot;
      });
      
      
      const handleChange = event =&gt; {
          setValues({
            ...values,
            [event.target.name]: event.target.value
          });
        };
  
  
      return(
        &lt;Dialog
          open={open}
          onClose={handleClose}
          aria-labelledby=&quot;alert-dialog-title&quot;
          aria-describedby=&quot;alert-dialog-description&quot;
          &gt;
          &lt;DialogTitle id=&quot;alert-dialog-title&quot;&gt;Contact Form&lt;/DialogTitle&gt;
          &lt;DialogContent&gt;
              
          &lt;TextInput 
              label={“name} multiline={false} rows={1}
              value={values.name} type={&quot;text&quot;} onChange={handleChange} 
          /&gt;
  
          &lt;TextInput 
              label={“email”} multiline={false} rows={1}
              value={values.email} type={&quot;email&quot;} onChange={handleChange} 
          /&gt;
  
          &lt;TextInput 
              label={“more”} multiline={false} rows={5}
              value={values.description} type={&quot;text&quot;} onChange={handleChange} 
          /&gt;
          &lt;/DialogContent&gt;
          &lt;DialogActions&gt;
          &lt;Button onClick={props.handleClose} color=&quot;primary&quot;&gt;
              cancel
          &lt;/Button&gt;
          &lt;Button onClick={submitForm} color=&quot;primary&quot; autoFocus&gt;
             send
          &lt;/Button&gt;
          &lt;/DialogActions&gt;
        &lt;/Dialog&gt;
      )
  }
  
  export default FormDialog
  </code></pre>