Как в useForm постоянно отслеживать изменение значения в input?

Question

[San Manjiro]

У меня есть поле с инпутом - куда автоматически подставляется значение, проблема заключается в том, что даже когда значение подставляется, под инпутом выводится ошибка, что поле необходимо заполнить, но она пропадает, если на него нажать и изменить в нем что-то или убрать таргет с него. Пробовал использовать mode: "all", но не помогло. Каким образом я могу отлеживать постоянно изменение инпута?

Код инпута:

<input
  id="place_of_issue"
  className="input_field rus_num"
  type="text"
  maxLength="255"
  data-required="true"
  name="pasportnye_dannye[place_of_issue]"
  data-index_group=""
  placeholder="Паспорт выдан"
  value={placeOfIssue}
  {...register("placeOfIssue", {
    required: true,
    onChange: (event) => setPlaceOfIssue(event.target.value)
  })}
/>
<WarrningError>{ errors?.placeOfIssue && (<p>{ errors?.placeOfIssue?.message ||`*Необходимо заполнить поле "Паспорт выдан"`}</p>) }</WarrningError>

Comments

[defriz]

нельзя сделать проверку на длину значения инпута?

[szQocks]

useForm({ mode: 'onChange' })

Либо watch

либо свою функцию валидации писать и там уже описывать всю логику то как должна форма вести себя по отношению к отдельному инпуту

[San Manjiro]

szQocks, я совсем недавно начал пользоваться useForm и слышал про watch, но не совсем понимаю как это работает.