title: errors object returns undefined in formik with yup
body: <p>I'm trying to make a form in react with Formik and Yup (for validation). I've made yup object shape, set initial values to formik, but still validation isn't working. formik's errors props returning undefined.</p>
  
  <pre><code>import React from "react";
  import { Formik, Form, Field } from "formik";
  import * as Yup from "yup";
  
  const schema = Yup.object().shape({
    email: Yup.string()
      .label("Email")
      .required("Enter a valid email")
      .email()
  });
  
  class OneForm extends React.Component {
    state = {
      email: ""
    };
  
    render() {
      return (
        &lt;&gt;
          &lt;Formik
            initialValues={{
              email: ""
            }}
            onSubmit={(values, actions) =&gt; {
              console.log(values);
              this.setState({
                email: values.email
              });
              setTimeout(() =&gt; {
                actions.setSubmitting(false);
                actions.resetForm();
              }, 1000);
            }}
            validationSchema={schema}
          &gt;
            {props =&gt; {
              return (
                &lt;Form&gt;
                  {console.log(props.errors)}
  
                  &lt;Field
                    type="email"
                    placeholder="Email"
                    name="email"
                    onChange={props.handleChange}
                  /&gt;
  
                  {props.errors.email &amp;&amp; &lt;p&gt;{props.errors.email}&lt;/p&gt;}
                  &lt;br /&gt;
                  &lt;button
                    disabled={props.isSubmitting}
                    type="submit"
                    onClick={props.handleSubmit}
                  &gt;
                    Submit
                  &lt;/button&gt;
                &lt;/Form&gt;
              );
            }}
          &lt;/Formik&gt;
        &lt;/&gt;
      );
    }
  }
  
  export default OneForm;
  </code></pre>
  
  <p>can anyone help me here? It seems like they have an active issue regarding this here: <a href="https://github.com/jaredpalmer/formik/issues/1180" rel="nofollow noreferrer">https://github.com/jaredpalmer/formik/issues/1180</a>
  But, It seems like some people also solved this issue. Any help here?</p>