When working with form in react projects, react-hook-form can be a lifesaver. This provides a great opportunity for us to handle form easily and handle the form validation efficiently.
Here's how you can add it to your project.

Necessary packages:
react-hook-form
yup
@hookform/resolvers

Step 1:
Install all those 3 packages

npm i react-hook-form yup @hookform/resolvers

Step 2:
Design your form like follows
WIP