I don't know why useForm make component to render twice in react+ts+vite project

[webdev3614]

I created new project with yarn vite create and I replaced default code with following example code.

import { useForm } from 'react-hook-form';

function App() {
const {
register,
handleSubmit,
formState: { errors },
} = useForm();
console.log("Hello from React Hook Form");
return (
<form onSubmit={handleSubmit((data) => console.log(data))}>
<input {...register('firstName')} />
<input {...register('lastName', { required: true })} />
{errors.lastName &&

Last name is required.

}
<input {...register('age', { pattern: /\d+/ })} />
{errors.age &&

Please enter number for age.

}


);
}

export default App

[evgeniyworkbel]

Hi. Send a sandbox