Неужели невозможно заставить зод валидировать динамически(по условию)?

Question

[GaserV]

Столкнулся с такой проблемой в zod. Все было хорошо, пока не понадобилось добавить условную валидацию. Нужно сделать одно поле обязательным если значение другого true например. SuperRefine как бы подходит но есть два нюанса:

1. Он срабатывает только если заполнить все обязательные поля. А если я сразу хочу скажем увидеть ошибку?
2. Даже после заполнения обязательных полей в начале, форма все равно не валидна. Приходится тыкать чекбокс
3. Единственное более менее решение - сделать все обязательные филды опциональными и валидировать в рефайне. Но тогда вобще какой в этом смысл весь

Comments

[Алексей Ярков]

Нам код самим написать? Или вы покажете что там у вас за схема ))

[GaserV]

Алексей Ярков, да обычная схема. Например:

const schema = z.object({
   fName: z.string(),
   lName: z.string(), 
})

И вот если hasAddress true тогда address обязателен. Как такое реализовать?

У меня сейчас что то вроде такого:

export default z.discriminatedUnion('hasAddress', [
  schema.extend({
    hasAddress: z.literal(false),
    address: z.string().optional(),
  }),
  schema.extend({
    hasAddress: z.literal(true),
    address: z.string(),
  }),
]);

Оно работает вроде, но снова же:

1. Без дополнительного useEffect, который смотрит поле hasAddress и делает form.trigger - не срабатывает//react-hook-form
2. А если несколько пар будет?

[szQocks]

GaserV, бедный парень, ты 3 месяца назад мучился с этим зодом + react-hook-form

используй formik + yup и не будет у тебя никаких проблем абсолютно

зод хорошо подойдёт для серверной части

[GaserV]

szQocks, да, ты прав. Тогда через костыли получилось как то. А щас снова пришлось искать его... А касательно яп - да, но в проект тащить яп когда уже использовался зод иметь оба - такое себе...

[szQocks]

GaserV, для каждой формы, создавай отдельную одну схему, без всяких extend

ты же думаю и сам чувствуешь что возможно делаешь то что - не нужно делать, типа extend + union создавать, и правильно - не нужно это делать

есть у тебя 5 форм в проекте или 10, для каждой формы, создаёшь свою схему

[GaserV]

szQocks, так само собой, что для каждой формы своя схема. Просто в форме поле становится обязательным если включается чекбокс

[szQocks]

GaserV, я посмотрел пару вариантов решения, они все проблематичные, костыльные, используй formik хотя бы а не react-hook-form

[GaserV]

szQocks, ,блин, там с десятки форм и зод схем. Переписывать не выделят столько времени... Наверное тогда внедрять придется с ЯП...

[szQocks]

GaserV, раз форм много, то конечно уж не стоит переходить на formik, сделай костыль какой-нибудь, что бы изменении чекбокса, менялась схема в zodResolver, думаю такой вариант тебя устроит ( имею ввиду прямо захардкодить этот нюанс на onChange в чекбоксе и всё ), скорее всего там понадобится хранить схему в стейта над хуком формы и в zodResolver слушать стейт ( пробуй варианты ) чё ещё делать)

в гугле кстати инфы вообще об этом нет, как не странно, либо тоже костыли)

[GaserV]

szQocks, так в хук-форм прокидываешь при инициалзиации формы резолвер. Но в принципе можно попробовать что то типо такого https://github.com/orgs/react-hook-form/discussion...
Попробую завтра, спасибо!

[szQocks]

GaserV, что-то типа этого мб мб, либо через useState либо через useRef

const schema_1 = ...;
const schema_2 = ...;

const Component = () => {
  const [schema, setSchame] = useState({...schema_1})
  const { register, handleSubmit, formState: { errors } } = useForm({
    resolver: zodResolver(schema)
  });
}