7 replies

Zod overrides react-hook-form validation

I have the following form scheme. When I specify rules={{required: true}} on the field it doesn't work because of zod validation scheme.

const trendyolFormScheme = z.object({
  brand: z.string().optional(),
  attributes: z.array(
    z
      .object({
        attributeId: z.number(),
        customAttributeValue: z.string().optional(),
        attributeValueId: z.number().optional(),
      })
      .optional(),
  ),
});

const trendyolFormScheme = z.object({
  brand: z.string().optional(),
  attributes: z.array(
    z
      .object({
        attributeId: z.number(),
        customAttributeValue: z.string().optional(),
        attributeValueId: z.number().optional(),
      })
      .optional(),
  ),
});

I want to be able to override Zod or being able to make field required based on api response (later on).

Solution

And as you mentioned you can make it required based on api response, you can use a discriminated union to make things required depending on some data from the api https://zod.dev/?id=discriminated-unions

Jump to solution

TTC

Theo's Typesafe Cult•3y ago•

7 replies

Omar-7ioo

Zod overrides react-hook-form validation

I have the following form scheme. When I specify rules={{required: true}} on the field it doesn't work because of zod validation scheme.

const trendyolFormScheme = z.object({
  brand: z.string().optional(),
  attributes: z.array(
    z
      .object({
        attributeId: z.number(),
        customAttributeValue: z.string().optional(),
        attributeValueId: z.number().optional(),
      })
      .optional(),
  ),
});

const trendyolFormScheme = z.object({
  brand: z.string().optional(),
  attributes: z.array(
    z
      .object({
        attributeId: z.number(),
        customAttributeValue: z.string().optional(),
        attributeValueId: z.number().optional(),
      })
      .optional(),
  ),
});

I want to be able to override Zod or being able to make field required based on api response (later on).

Solution

Jump to solution

Zod overrides react-hook-form validation

Similar Threads

Zod overrides react-hook-form validation

Similar Threads

Similar Threads

Similar Threads