How to debug Tanstack Form and Zod Schemas?

[vicentematus]

I'm trying to understand how to debug validation states when using TanStack Form with Zod. Specifically, I'd like to:

• See which schema validations are failing
• Understand the current validation state of each field

This is my Zod Schema:

import z from 'zod'
const COMPANIES = ["ACME","TANSTACK", "ACME INC"]

export const CompanySchema = z.object({
  company: z.enum(COMPANIES, {
    errorMap: () => ({
      message: "You must choose a company",
    }),
  }),
  account: z.string().min(2),
  password: z.string().min(2),
});

export type Company = z.infer<typeof CompanySchema>;

And then I use it on my React component

const form = useForm({
    defaultValues: {
      company "",
      account:"",
      password:""
    } as Company,
    validatorAdapter: zodValidator(),
    validators: {
      onChange: CompanySchema,
    },
  });

How can I debug like via console.log for invalid states?

EDIT: For reference, I tried with console logging form.state, but I don't know if there's a more straight forward way to debug.