title: react useState hook variable value don't update on input onChange event
body: <p>react useState hook won't update on input onChange event using react functional component</p>
  
  <pre><code>const [email, setEmail] = useState("");
  // i'm not able to set input value in useeffect using this code
  &lt;GridItem xs={12} sm={12} md={4}&gt;
    &lt;CustomInput
      labelText="Email address"
      id="email-address"
      formControlProps={{
        fullWidth: true
      }}
  
      value={email}
      onChange={evt =&gt; setEmail(evt.target.value)}
    /&gt;
  &lt;/GridItem&gt;
  </code></pre>