title: Why isn't Formik.setStatus updating the Status state in my form?
body: <p>I'm using Formik to create a generic contact form in react.  I am getting data from my api and attempting to call Formik's <code>setStatus</code> to generate a message to show that the form has been submitted successfully.</p>
  
  <p>For whatever reason the <code>Status</code> state never gets updated to reflect what I put in <code>setStatus</code>.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>import { Formik, Form, useField } from "formik";
  import * as Yup from "yup";
  import axios from "axios";
  import Button from "components/shared/button";
  import "styles/contact/form.scss";
  
  const handleSubmit = (values, actions) =&gt; {
      axios.post("http://localhost:5000/sendemail/", values).then(res =&gt; {
          actions.setSubmitting(false);
          actions.setStatus = {
              message: res.data.message
          };
          setTimeout(() =&gt; {
              actions.resetForm();
          }, 3000);
      });
  };
  
  const FormField = ({ label, tagName, ...props }) =&gt; {
      const [field, meta] = useField(props);
      const errorClass = meta.touched &amp;&amp; meta.error ? "error" : "";
      const TagName = tagName;
      return (
          &lt;&gt;
              &lt;label htmlFor={props.id || props.name}&gt;
                  {label}
                  {meta.touched &amp;&amp; meta.error ? (
                      &lt;span className="error"&gt;{meta.error}&lt;/span&gt;
                  ) : null}
              &lt;/label&gt;
              &lt;TagName
                  className={`form-control ${errorClass}`}
                  {...field}
                  {...props}
              /&gt;
          &lt;/&gt;
      );
  };
  
  const ContactForm = () =&gt; (
      &lt;Formik
          initialValues={{ name: "", email: "", msg: "" }}
          validationSchema={Yup.object({
              name: Yup.string().required("Required"),
              email: Yup.string()
                  .email("Invalid email address")
                  .required("Required"),
              msg: Yup.string().required("Required")
          })}
          onSubmit={handleSubmit}&gt;
          {({ isSubmitting, status }) =&gt; (
              &lt;Form className="contact-form"&gt;
                  &lt;div className="row form-group"&gt;
                      &lt;div className="col"&gt;
                          &lt;FormField
                              label="Name"
                              name="name"
                              type="text"
                              tagName="input"
                          /&gt;
                      &lt;/div&gt;
                      &lt;div className="col"&gt;
                          &lt;FormField
                              label="Email"
                              name="email"
                              type="text"
                              tagName="input"
                          /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="form-group"&gt;
                      &lt;FormField label="Message" name="msg" tagName="textarea" /&gt;
                  &lt;/div&gt;
                  {status &amp;&amp; status.message &amp;&amp; (
                      &lt;div className="message"&gt;{status.message}&lt;/div&gt;
                  )}
                  &lt;Button
                      id="formSubmit"
                      text="Send Message"
                      type="submit"
                      isSubmitting={isSubmitting}
                  /&gt;
              &lt;/Form&gt;
          )}
      &lt;/Formik&gt;
  );
  
  export default ContactForm;
  </code></pre>
  
  <p>Just before my submit button, it should show the <code>&lt;div class="message"&gt;Success message&lt;/div&gt;</code> after submitting the form.  When I try to debug the value of <code>Status</code> is always "undefined".</p>
  
  <p>Any one have a clue what I'm doing wrong here?</p>