ブラウザ標準のバリデーションエラーを消したい

問題

React Hook Form + yupでフォーム実装しているので、バリデーションはyupに任せたい。
しかし、<input>にtype='email'など指定していると、
ブラウザ標準のバリデーションエラーが表示されてしまう。

Chromeだとこういうやつ。

これを非表示にするにはどうすればよいか😥

結論

<form
  noValidate // ⭐これ追加
  onSubmit={handleSubmit((data) => {
    // 送信処理
  })}
>

JSXでは、novalidateではなくnoValidateである点に注意！