Callback after submission is finished

[bvangraafeiland]

This callback would be run after the form submission and subsequent revalidation have completed. My use case is having a form inside a modal, then closing the modal after form submission. I don't want to close the form immediately on submit due to possible server side errors and the changes wouldn't be reflected yet. Currently I have solved it like this:

  const formSubmitted = useRef(false);
  const isSubmitting = useIsSubmitting('form-id');
  useEffect(() => {
    if (!isSubmitting && formSubmitted.current) {
      onSave();
      formSubmitted.current = false;
    }
  }, [isSubmitting, onSave]);

<ValidatedForm onSubmit={() => formSubmitted.current = true}>
...
</ValidatedForm>

But it would be more convenient to be able to do just <ValidatedForm onSuccess={onSave} />.