ref={register} errors in CH6 about asp.net-core-5-and-react-second-edition HOT 3 CLOSED

This evening, I was stumped by this for a while. putting the full code if it helps somebody.

  <form onSubmit={handleSubmit}>
    <input
      {...register("search")} defaultValue={criteria}
      placeholder="type here"
      type="text"
    />
  </form>

from asp.net-core-5-and-react-second-edition.

The API in React Hook Form has changed a little since the book was published. You can install v6 as follows if you want to use the code from the book:

npm i [email protected]

If you want to use v7 of React Hook Form, see the following link for the differences:

https://react-hook-form.com/migrate-v6-to-v7/

For the code in the book, you’ll need to change how the register function is called on the JSX elements and how the errors state variable is destructured from useForm.

Hope this helps.

from asp.net-core-5-and-react-second-edition.

I met the same error. If you installed react-hook-form v7.1.1, you can refer to the author's example.
https://codesandbox.io/s/react-hook-form-get-started-ts-5ksmm?file=/src/index.tsx

from asp.net-core-5-and-react-second-edition.