React Hook Formのresetは「Formを空にする」わけではない

React Hook Formのresetは「Formを空の状態にする」という理解でいましたが勘違いしていました。

"use client";

import { useForm, SubmitHandler } from "react-hook-form";

export default function Home() {
  const { register, reset } = useForm({
    defaultValues: {
      hoge: "test",
    },
  });

  return (
    <>
      <input {...register("hoge")} />
      <button
        onClick={() => {
          reset();
        }}
      >
        リセット
      </button>
    </>
  );
}

上記は、defaultValuesでhogeの初期値に「test」を設定しています。
hogeの値を変更後、リセットボタンを押下するとhogeの値は空ではなく「test」になりました。

値を空にするにはreset({ hoge: "" })とするか、setValueを使用してsetValue("hoge", "")とすれば可能です。