Schema only validating `.refine` when `object` passes.

I’m using zod together with react-hook-form to create a user signup form. The schema is as follows: I am unsure as to whether this issue goes in react-hook-form/resolvers or here, so I am asking for support in both repos.

const schema = z
.object({
  name: z.string().nonempty('message'),
  email: z.string().nonempty('message').email('message'),
  password: edukPassword({ nonEmpty: 'message' }),
  confirmPassword: z.string(),
  cellphone: brazilianCellphoneNumber().nonempty('message'),
  privacyTermsAccepted: z.literal(true, {invalid_type_error: 'message',}),
})
.refine(({ password, confirmPassword }) => password === confirmPassword, {
  message: 'Passwords must match',
  path: ['confirmPassword'],
})

export const registerFormResolver = zodResolver(registerFormSchema)

The problem is, I am only getting an error on .refine when .object has passed. This results in the user not knowing they have entered an incorrect password confirmation until after they filled out the whole form.

Have I incorrectly built the schema for this useCase, or is the resolver incorrectly returning me formErrors?

[scotttrinh]

FWIW, Zod is intentionally designed to parse-first and then validate, so this is working as expected. Going to close, but there is definitely a need for a tool (or set of tools) that sit between Zod and common IO boundaries that can help with some of the boilerplate associated with things like form validation, and hopefully someone with some experience or need for this in the community will come forward with something there!

[ricardo-rp]

I managed to solve it by replacing .literal with .boolean and using .refine to check wether the boolean is true. Here’s a fork with the solution. Still, it would be nice to know whether this is a bug or I was just improperly using .literal