title: How to prevent React-Final-Form to reset the form values after user submits the form?
body: <p>I am using <code>react-final-form</code> in React App. It's working great!</p>
  <p>But is there any way to prevent the <code>react-final-form</code> from resetting the input values of the form after user successfully submit the form.</p>
  <p>Reason why I need it because, currently when the user is redirected after submitted the form, user see input values being reset to initial form values for <code>200-400 micro second</code> between the action of submitting the form and redirecting to other component.</p>
  <p>I tried using following but didn't work:</p>
  <blockquote>
  <p>e.preventDefault();</p>
  <p>return false;</p>
  </blockquote>
  <p>Following is the function that handles the form submission.</p>
  <pre><code>export const useCreateAgent = (
    onCompleted: () =&gt; void,
  ) =&gt; {
    const [createAgent] = useMutation(CREATE_AGENT, {
      onCompleted,
    });
  
    return useCallback(async (agent: IAgent) =&gt; {
      try {
        await createAgent(createVariables({ ...agent }));
      } catch (errors) {
        return errors;
      }
    }, [createAgent]);
  }
  </code></pre>