Option to not reset all form state when only some initialValues change

I have a Formik component which initials values depend on props

<Formik
  initialValues={{
    foo: this.props.foo,
    bar: this.props.bar
  }}
  ...

I save each field onBlur, which also changes the corresponding prop of the component to keep in sync with the updated value on server (using graphql with apollo-client). This change of prop triggers reset form https://github.com/jaredpalmer/formik/blob/master/src/formik.tsx#L236-L238 and with it losing all errors & touched info. Is there any way to shallow compare the values of the initialValues and only reset the ones that changed?

[jaredpalmer]

Solution is here: https://github.com/jaredpalmer/formik/pull/181#issuecomment-332594908.

tl;dr: Just use React 😄, componentWillReceiveProps and setValues…

[bogdansoare]

Hey @jaredpalmer . Sorry it took so so long.

Here is the codesandox https://codesandbox.io/s/n31p94m320 .

Here is a demo with the problem, when only one prop changes, the whole forms reset

I think the solution would be to have an option which prevents the form from refreshing dirty values on initialValues change like @VladShcherbin said in his issue #168 . He made some great points, and how redux-form solves those issues.

Another related issue is #172 which mainly has the same problems