title: Update another component when Formik form changes
body: <p>There is a basic Formik form:</p>
  
  <pre><code>&lt;Formik
        initialValues={{ email: '', color: 'red', firstName: '' }}
        onSubmit={(values, actions) =&gt; {
          setTimeout(() =&gt; {
            alert(JSON.stringify(values, null, 2));
            actions.setSubmitting(false);
          }, 1000);
        }}
        render={props =&gt; (
          &lt;form onSubmit={props.handleSubmit}&gt;
            &lt;Field type="email" name="email" placeholder="Email" /&gt;
            &lt;div&gt;other inputs ... &lt;/div&gt;
            &lt;button type="submit"&gt;Submit&lt;/button&gt;
          &lt;/form&gt;
        )}
      /&gt;
  </code></pre>
  
  <p>When any input in it changes (not submits, but changes) - I need to update another component that is outside of <code>&lt;Formik /&gt;</code>. The "outside" component should receive all form data.</p>
  
  <p>Is there some way to do it without adding separate change handler for each individual input of a form? Or the solution is to try to insert "outside" component inside <code>&lt;Formik /&gt;</code>?</p>