Estoy usando Next.js, TypeScript, cordura y tailwindcss. Estoy tratando de usar el formulario de gancho de reacción pero recibo un error.

He intentado:

• cambiando la función Post a una función de flecha
• cambiar la función Post a una función const
• cambiar la interfaz IFormInput a un tipo

Aquí es donde está el error:

 23 | formState: { errors }, > 24 | } = useForm<IFormInput>(); | ^ 25 | 26 | return ( 27 | <main>

Y este es mi código ([slug].tsx) en la carpeta de páginas :

 import { useForm, SubmitHandler } from "react-hook-form"; interface IFormInput { _id: string; name: string; email: string; comment: string; } function Post({ post }: Props) { const { register, handleSubmit, formState: { errors } } = useForm<IFormInput>(); return ( <form> <input {...register("_id")} type="hidden" name="_id" value={post._id} /> <input {...register("name", { required: true })} type="text"/> <input {...register("email", { required: true })} type="text" /> <textarea {...register("comment", { required: true })} /> {errors.name && (<span>- The Name Field is required</span>)} {errors.comment && ( <span>- The Comment Field is required</span>)} {errors.email && ( <span>- The Email Field is required</span>)} <input type="submit" /> </form> ); }

Cualquier ayuda es muy apreciada. ¡Gracias!