Hi,

I'm trying to make a zod validator, it should parse data coming from frontend form (im using next.js app router)

here are code snippets:

schema.prisma:

model ProposalOption {
  id                Int                 @id @default(autoincrement())
  name              String              @db.TinyText
  category          OptionCategory
  active            Boolean
}

enum OptionCategory {
  reason
  size
  feature
  additional
}

now based off that schema i would like to create a zod validator, but idk how to define that...

import z from "zod";
import type { OptionCategory } from "@prisma/client";

const options: OptionCategory[] = ["additional", "feature", "reason", "size"];

export const CreateProposalOptionValidator = z.object({
  description: z
    .string()
    .min(5, { message: "Description must have at least 5 characters" })
    .max(100, { message: "Description must have less than 100 characters" }),
  // @ts-expect-error TODO: fix this
  category: z.enum(options),
});

export type ProposalOptionCreateRequest = z.infer<
  typeof CreateProposalOptionValidator
>;

unfortunately category key is atm just a string, not a OptionCategory, therefore on the backend i have a type error

    const body = await req.json();
    const { category, description } = CreateProposalOptionValidator.parse(body);

    await db.proposalOption.create({
      data: {
        // @ts-expect-error
        category,
        description,
      },
    });

Any hints?
Thanks in advance!!

I have a Typescript project and want to use form validation with Zod on the front end. I’m also using Prisma ORM. The issue is I’m struggling to get one source of truth for the resource being created/updated. How do you keep those in sync? At the moment, I have 3 separate schemas. What’s the best practice to define your schema once and keep TS, DB and frontend validation in sync?