Как сделать проверку перед отправкой формы в react-hook-form?

Question

[San Manjiro]

В моей форме по мима инпутов используются checkbox'ы, где устанавливается гендер:

<div className="input_box_radio_list">
<label className={ clicked === true ? "control-label label-radio active" : "control-label label-radio" }>
    <input
        className=""
        type="radio"
        data-id="gender"
        data-required="true"
        name="pasportnye_dannye[gender]"
        checked="checked"
        data-index_group=""
        onClick={ handlerClickedMan }
    />
Мужской
</label>
<label className={ clicked === false ? "control-label label-radio active" : "control-label label-radio" }>
    <input
        className=""
        type="radio"
        data-id="gender"
        data-required="true"
        name="pasportnye_dannye[gender]"
        data-index_group=""
        onClick={ handlerClickedWoman }
/>
Женский
</label>
</div>
{ clicked === undefined ? <WarrningError><p style={{paddingTop: "10px"}} >Необходимо выбрать гендор</p></WarrningError> : undefined }

Хендлеры:

const handlerClickedMan = () => {
    setClicked(true)
    setGender("Мужской")
  }
  const handlerClickedWoman = () => {
    setClicked(false)
    setGender("Женский")
  }

Проблема заключается в том, что при таком подходе я не могу проверить, выбрал ли пользователь гендер или нет, так как нет проверка required, как в остальных инпутах, поэтому могу ли я как-то сначала проверить, равен ли мой clicked не undefined, а после этого уже отправить форму?