React Hook Form + Zod resolver

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

const Schema = z.object({ title: z.string().min(2).max(120) });
type Form = z.infer<typeof Schema>;

export function CreateSnipForm() {
  const { register, handleSubmit, formState } = useForm<Form>({ resolver: zodResolver(Schema) });
  const onSubmit = handleSubmit(async (data) => {
    await fetch('/api/snips', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(data) });
  });

  return (
    <form onSubmit={onSubmit}>
      <input {...register('title')} />
      {formState.errors.title?.message && <p>{formState.errors.title.message}</p>}
      <button type="submit">Create</button>
    </form>
  );
}