title: handleChange is not working for formik inside a modal
body: <p>i am new to react and i was trying to make render a form inside a modal from antd but my handeChange is not working.
  this normally works if i write everything inside the modal but i want to know how this can be done by using a different component and by using formik</p>
  
  <pre><code>const InnerForm=({
                       submitted,
                       loading,
                       errors,
                       handleSubmit,
                       handleChange,
                       values,
                       modalCancel
                   })=&gt;
      (
          &lt;Form className="form" onSubmit={handleSubmit}&gt;
              &lt;FormItem&gt;
                  &lt;Input prefix={&lt;Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} /&gt;}
                         placeholder="email"
                         onChange={handleChange}
                         name={"email"}
                  /&gt;
              &lt;/FormItem&gt;
              &lt;FormItem&gt;
                  &lt;Input prefix={&lt;Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} /&gt;}
                         type="password"
                         placeholder="Password"
                         onChange={handleChange}
                         name={"password"}
                  /&gt;
              &lt;/FormItem&gt;
              &lt;FormItem&gt;
                  &lt;Button className={'button_margin'} onClick={modalCancel} type={"primary"}&gt;&lt;Icon type="left"/&gt;Go back&lt;/Button&gt;
                  &lt;Button className={'button_margin'} type={"primary"}&gt;Submit&lt;/Button&gt;
              &lt;/FormItem&gt;
          &lt;/Form&gt;
  
      );
  
  class App extends Component{
   constructor(props) {
          super(props);
          this.state = {
              is_authenticated: false,
              application_status_modal_visible: false,
          }
      }
  handleChange =(event)=&gt;{
          const {name,value}=event.target;
          this.setState({
              [name]: value,
          });
          console.log("handle change works");
     };
      handleSubmit=(values)=&gt;{
      console.log(values);
      };
      modalCancel=()=&gt;{
          this.setState({application_status_modal_visible:false})
      };
  render(){
  return(
  &lt;Modal
                      title="Login"
                      visible={application_status_modal_visible}
                      footer={null}
                     &gt;
                      &lt;Formik onSubmit={this.handleSubmit}
                              handleChange={this.handleChange}
                              render={formikProps =&gt;
                                  &lt;InnerForm
                                      modelCancel={this.modalCancel}
                                      {...formikProps}
                                  /&gt;
                              }/&gt;
                  &lt;/Modal&gt;)
  }
  }
  
  export default connect()(App)
  </code></pre>
  
  <p>i expect this output {email:"abc@gmail.com",password:"1234567"}</p>