Non-tech founder’s guide to choosing the right software development partner Download Ebook
Home>Blog>Reset values in react final form

Reset values in React Final Form

How to reset values in React Final Form after submitting

At first I wrote the following code:



  render={({ handleSubmit, form }) => (


      onSubmit={event => {

        handleSubmit(event).then(() => {








If we implement a function like this, we will get an error "Uncaught TypeError: Cannot read property 'then' of undefined”, when we try to submit invalid form.

Invalid forms — form with validation errors.

The solution

To avoid this error, we need to place handleSubmit(event) to a variable, and if the variable is not undefined call .then().

onSubmit={(event) => {

  const promise = handleSubmit(event);

  promise && promise.then(() => {



  return promise;


Discover More Reads

Real Stories & Real Success

Do you have a tech idea?

Let’s talk!

By submitting this form, you agree with JetRockets’ Privacy Policy

If you prefer email, write to us at