Form is resetting after calling onSubmit

[h0jeZvgoxFepBQ2C]

I dunno why, but my form keeps getting refreshed / reset after I change some values and click the submit button.

Even in my onSubmit method I only call

const { register, handleSubmit, watch, errors, setError, control, handleChange } = useForm()

const sendForm = (data) => {
return true
}

...
<form onSubmit={handleSubmit(sendForm)}>
...
</form>

I already tried to migrate all fields to Controllers, then back to simple input fields with ref={register}?
Usually react-hook-form works fine, but I dunno whats wrong and it causes me heady headache already 😞

Does anyone have an idea why this happens? Using latest stable version..

[h0jeZvgoxFepBQ2C]

Finally I found it...

I had some parts of the form extracted into methods like

export default function MyForm() {

  const TextField = ({name, label, ...props}) {
     // render field
  }
}

after moving them out of my class it works now:

const TextField = ({name, label, ...props}) {
   // render field
}

export default function MyForm() {

}