React Hook Formで新規登録フォームを作る

公式サイト
https://react-hook-form.com/jp/

完成したフォーム

コピペOKです。
今回はrect-hooks-formとmaterial-ulを使っています
インストールコマンド

npm install react-hook-form
npm install @material-ui/core
npm install @material-ui/icons
npm install @material-ui/styles

rect-hooks-formのControllerはmaterial-ulと一緒に使う場合に必要となるのでmaterial-ulを使わない場合は要らないです。
その場合は下記動画を参考にどうぞ
https://www.youtube.com/watch?v=jpkHSn6SRLU&list=PLmiHocWADqPGYeEqgwl5w9BKCi5ju3_Xj&index=35&t=0s

なぜかtypeをemailにしたはずなのに適用できていなくてメールアドレスじゃなくても送信できてしまいますが、そこはデータを受け取る側で処理してください。
大体の場合DB側でもバリデーションを行っているはずなので、そこではじかれるのでたいした問題はないと思います。