title: Formik Showing Error on Empty Field As Well
body: <p>When I open the screen, I don't see any validation error until I first submit the form. Once the email address is entered correctly and the form is submitted by hitting the button, the form logic works correctly. An alert is shown &amp; the field is reset (intentional) </p>
  
  <p>However, once I close the the alert, Formik still shows me an error that I must enter an email address (required field). Is it possible to reset the error too? Just like it was when I first opened the screen? I want this error to appear only when I am submitting the form without typing something.</p>
  
  <p><a href="https://i.stack.imgur.com/qSX0U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qSX0U.png" alt="enter image description here"></a></p>
  
  <p>Snippets of my code:</p>
  
  <p>Resetting the value here:</p>
  
  <pre><code> const initialValues: FormValues = {
      email: '',
    };
  
  
  const handleSubmitForm = React.useCallback(
      (values: FormValues, helpers: FormikHelpers&lt;FormValues&gt;) =&gt; {
        console.log('Submitted');
        loadUsers({
          variables: {
            where: { email: values.email },
          },
        });
        values.email = '';
      },
      [loadUsers],
    );
  </code></pre>
  
  <pre><code> &lt;Formik
                  initialValues={initialValues}
                  onSubmit={handleSubmitForm}
                  validationSchema={validationSchema}&gt;
                  {({
                    handleChange,
                    handleBlur,
                    handleSubmit,
                    values,
                  }) =&gt; (
                    &lt;View style={styles.searchFieldContainer}&gt;
                      &lt;View 
                      style={styles.form}
                      &gt;
                        &lt;FieldInput 
                          handleChange={handleChange}
                          handleBlur={handleBlur}
                          value={values.email}
                          fieldType="email"
                        /&gt;
                        &lt;ErrorMessage 
                          name="email"
                          render={(msg) =&gt; ( 
                            &lt;Text style={styles.errorText}&gt;
                              {msg}
                            &lt;/Text&gt;
                          )}
                        /&gt;
                      &lt;/View&gt;
                      &lt;View style={styles.buttonContainer}&gt;
                        &lt;Button
                          rounded
                          style={styles.button}
                          onPress={handleSubmit}&gt;
                          &lt;Text style={styles.text}&gt;
                            Add Friend{' '}
                          &lt;/Text&gt;
                        &lt;/Button&gt;
                      &lt;/View&gt;
                    &lt;/View&gt;
                  )}
                &lt;/Formik&gt;
  </code></pre>