How to use zod validation when onChange but not submit in react-hook-form?

[zwl1619]

There is an example of zod and react-hook-form in docs:
https://github.com/react-hook-form/resolvers#zod
as follow:

import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import * as z from 'zod';

const schema = z.object({
  name: z.string().min(1, { message: 'Required' }),
  age: z.number().min(10),
});

const App = () => {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm({
    resolver: zodResolver(schema),
  });

  return (
    <form onSubmit={handleSubmit((d) => console.log(d))}>
      <input {...register('name')} />
      {errors.name?.message && <p>{errors.name?.message}</p>}
      <input type="number" {...register('age', { valueAsNumber: true })} />
      {errors.age?.message && <p>{errors.age?.message}</p>}
      <input type="submit" />
    </form>
  );
};

in the example above, the validation will be triggered when submitting, I want the validation to be triggered when input onChange, how to do it?

[Moshyfawn]

Does the mode flag on useForm help?

useForm({
  mode: "onChange" // INFO: run validation on field value change
})