Typescript withZod

[barbinbrad]

Thought this might be useful to someone else. It's a utility type for extracting the type of your validator. I use this to define my props that get passed to my <ValidatedForm>:

export type TypeOfValidator<U extends Validator<any>> = U extends Validator<
  infer T
>
  ? T
  : unknown;

Here's how to use it:

import { bigValidator } from '~/validators'
import type { TypeOfValidator } from '~/types'

type FormProps = {
  defaultValues: TypeOfValidator<typeof bigValidator>
}

[airjp73]

To save you a little bit of code, this is pretty much exactly what the ValidatorData type exported from remix-validated-form does.

[barbinbrad]

Thanks so much! I was looking around for something like this, and couldn't find it. Really nice work on the library, btw. This is by far the nicest approach to forms that I've ever used.