Создание простого хука для работы с формами в React на основе `zod`

[monochromer]

Как отображать ошибки, отправленные бэкендом после валидации?. Например, для поля с телефоном прилетела ошибка, что номер добавлен в чёрный список.

[vosnov]

В callback методе onError в качестве 2 аргумента можно передать функцию setErrors.
Добавил этот функционал в Github репозиторий. Спасибо, что подсветили данный кейс!

[nin-jin]

Вроде бы всё заполнил, никто ни на что не ругается, отправляю..

А сразу не могли сказать, что у меня логин не введён, а также сколько надо умений и какой нужен возраст и формат файла? Ладно, вродебы всё исправил, отправляю..

Да вы издеваетесь?! А день рождения в далёком будущем вас не смущает, да?

[vosnov]

Если вы хотели бы видеть ошибки в момент монтирования формы, то вы можете в useEffect сделать соответствующую проверку. Эта форма всего лишь небольшой пример и конечно же здесь не были затронуты все кейсы. Если же вам требуется проверять более детально "День рождения", вы можете добавить эти правила в zod схему формы

[nin-jin]

Я хотел бы видеть ошибки по мере их внесения. Для этого валидаторы должны вызываться для каждого поля независимо в реальном времени. Тут-то валидация по схеме и потекла.