How to reset form after submit in React Hook Form?

[PriyankaChaudhary0075]

After submitting the form, I want to reset the input fields to their default values. What’s the correct way to do this in React Hook Form?

[AmanRai8]

You can use the reset() function from React Hook Form to reset the form after submission.

Example:

const { register, handleSubmit, reset } = useForm({
  defaultValues: {
    name: "",
    email: "",
  },
});

const onSubmit = (data) => {
  console.log(data);
  reset(); // resets to default values
};

If you want to reset with new values, you can do:
reset({ name: "John", email: "" });