React-hook-form文本字段的条件验证，基于是否选中了另一个复选框？

import React from 'react';
import { useForm } from 'react-hook-form';

function MyForm() {
  const { register, watch, handleSubmit, errors } = useForm();
  const isCheckboxChecked = watch('checkboxFieldName');

  const onSubmit = (data) => {
    console.log(data);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input type="checkbox" name="checkboxFieldName" ref={register} />
      <input
        type="text"
        name="textFieldName"
        ref={register({
          required: isCheckboxChecked ? 'This field is required' : false,
        })}
      />
      {errors.textFieldName && <p>{errors.textFieldName.message}</p>}
      <input type="submit" value="Submit" />
    </form>
  );
}

export default MyForm;