Simple Conditional Form

[jkinley]

I simply want to extend or merge schemas when value in the base schema meets a condition. Let's say the base schema has product name and product type. If the product type === "subscription" then merge a subscription schema.

const subscriptionSchema = z.object({
  subscriptionInterval: z.enum(['one-off', 'subscription')
  // additional fields
});

const baseSchema = z.object({
  productName: z.string().min(1, { message: 'You must enter a product name.' }),
  productType: z.string().min(1, { message: 'You must select a product type.' }),
 // additional fields
});

how do I create if productType === "subscription" then merge subscription schema with base.?

[jkinley]

I created a stackblitz for this issue. I hope someone might be able to help out.

https://stackblitz.com/edit/vitejs-vite-jsjlx7?file=src%2Fschema.tsx,src%2Fproduct-form.tsx&terminal=dev