issue: the result of handleSubmit is passed to SyntheticEvent after reset

[shongs27]

The code was complicated and could not be attached. If it is a problem, I will attach it later.

First of all, I wonder if it happened because I didn't understand the reaction-hook-form properly.
In the screenshot, the 'data' of the props transmitted from the handleSubmit shall always be the value of the contactor that is submitted.

If the premise is correct, the problematic part occurs after executing the reset method of useForm.
After executing useForm reset, the initialValues set in defaultValues must be delivered to handleSubmit, and SyntheticEvent is being delivered.

What could be the problem? If you take a picture with getValues(), you can see the data normally.

[Moshyfawn]

Can you show how you call reset and onSubmit?

[shongs27]

I think a screenshot would be easier to see than a code attachment
SearchForm Component is SearchFormContainer

It is confirmed that the event of submit button is delivered.

[s0h311]

Hi @shongs27 you should pass the function that you want to call to handleSubmit. Let's say you want to save some data:

...
const onSave(data) => {
  // save the data
}
return (
  <form onSubmit={handleSubmit(onSave)} >
    // form
  </form> 
)

Let me know, if this fixes your problem

[shongs27]

@s0h311
Thanks for the suggestion
However, there is no problem in delivering the form data(the part of the prop doing console.log) I want in the beginning. The problematic point is that the form data delivered after pressing the reset button is changed to Synthetic Event

[shongs27]

There may be a problem with the delivery process, but I looked at it again after receiving a hint, and found an error
It seems that an error occurred because the reset button event was transmitted to the prop values in reset.
The onReset part has changed