Incorrect type for field.state.meta.errors?

const productSchema = z.object({
  name: z.string().min(1, "A name is required"),
  allowance: z
    .number()
    .min(1, "Allowance must be at least 1")
    .int("Allowance must be an integer"),
});

const form = useForm({
  defaultValues: {
    name: "Dataset Storage",
    allowance: 1000,
  },
  validators: {
    onChange: productSchema,
  },
})

<form.Field name="name">
  {(field) => (
    <TextField
      autoFocus
      error={field.state.meta.errors.length > 0}
      helperText={field.state.meta.errors.map((error) => error?.message)[0]}
      label="Name"
      value={field.state.value}
      onBlur={field.handleBlur}
      onChange={(e) => field.handleChange(e.target.value)}
    />
  )}
</form.Field>

Unhandled Runtime Error

TypeError: field.state.meta.errors is undefined