【TypeScript】react-hook-form + zodでbooleanなラジオボタンを実装する方法

<input type="radio" name="isAdmin" value="true" />
<label>管理者にする</label>

<input type="radio" name="isAdmin" value="false" />
<label>管理者にしない</label>

// スキーマの定義
const schema = z.object({
  // ここではbooleanとして定義している
  isAdmin: z.boolean({
    invalid_type_error: "booleanで入力してください！！",
  }),
});
// スキーマから型の生成
type Schema = z.infer<typeof schema>;

// コンポーネント部分
export function ZodForm() {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm<Schema>({
    resolver: zodResolver(schema),
  });

  // 送信ボタン押下後の処理
  const onSubmit = (params: Schema) => {
    console.log(params);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <div>
        <div className="flex gap-x-2">
          {/* ラジオボタン */}
          <input
            {...register("isAdmin")}
            type="radio"
            id="true"
            value="true"
            name="isAdmin"
          />
          <label htmlFor="true">管理者にする</label>
        </div>
        <div className="flex gap-x-2">
          <input
            {...register("isAdmin")}
            type="radio"
            id="false"
            value="false"
            name="isAdmin"
          />
          <label htmlFor="false">管理者にしない</label>
        </div>
        {errors.isAdmin && (
          <p>{errors.isAdmin.message}</p>
        )}
      </div>
      <button type="submit">送信</button>
    </form>
  );
}

// スキーマの定義
const schema = z.object({
  // enumに変更
  isAdmin: z.enum(["true", "false"]),
});
// スキーマから型の生成
type Schema = z.infer<typeof schema>;

// 以下略

// スキーマの定義
const schema = z.object({
  // ここではbooleanとして定義している
  isAdmin: z.enum(["true", "false"]).transform((val: "true" | "false") => val === "true"),
});
// スキーマから型の生成
type Schema = z.infer<typeof schema>;

// 以下略

// スキーマの定義
const schema = z.object({
  isAdmin: z.enum(["true", "false"]).transform((val: "true" | "false") => val === "true"),
});
// スキーマから型の生成
type InputSchema = z.input<typeof schema>;
type OutputSchema = z.output<typeof schema>;

// 以下略

export function ZodForm() {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm<InputSchema, unknown, OutputSchema>({
    resolver: zodResolver(schema),
    defaultValues: {
      isAdmin: "false",
    },
  });
// 以下略