![Download react final form examples](https://cdn2.cdnme.se/5447227/9-3/18_64e61dfc9606ee7f722fb462.png)
![download react final form examples download react final form examples](https://images.ctfassets.net/abqv6r6rj8r3/32jwn0w0TxLK3oiS0UvsJq/9a8df7ca10b91cb91a2deea82b208eb3/final-form-diagram.png)
However if you actually want this, but need to modify it, the comparison behaviour can be configured using the initialValuesEqual prop ( docs here), to do a deep comparison on the initialValues object for example. I would prefer a configuration to actually completely turn off this reinitialisation behaviour, but I can't find one in the docs. To solve the general problem, if you just want to turn off the form resetting, what I've done is just move my initialState, which never changes, out to a variable so that it's the same reference on every render and therefore always appears to be the same to final-form with the default behaviour. This means that if you create a new object in the render, even if it's the same, the entire form resets when some state changes, the render function re-runs, and a new object with a new reference is created for initialValues. By default, whatever you pass to initialValues is compared against the previous one using shallow equals, i.e. The problem is that when initialValues changes the entire form reinitialises. InitialValues= <- creates a new object on every render The problem is here (from your codesandbox)