以下のようにオプションを設定しました。各オプションの意味はコメントとして書いていますが、詳細は公式サイトをご確認下さい。基本的にはerrorとhelperTextを設定するだけで済みます。helperText={errors.fullName?.message}/>DatePickerは少し工夫しています。DatePicker自体にerrorやhelperTextのプロパティは存在しないため、子供のtextFieldのプロパティとして設定しています同様にonBlurも子供のtextFieldのプロパティとして設定しています。これを設定しないとフォーカスアウトのタイミングでバリデーションが走りませんまた、日付を入力する際にDatePicker(カレンダーUI)から日付を選択すると、その後フォーカスアウトしてもonBlurイベントが発火しないようでした。)}コードhttps://github.com/shoji9x9/firebase-nextjsアプリケーションhttps://nextjs-a609c.web.app/職務経歴書登録フォーム開発の総括(中間)実はまだ個人情報を登録できるようにしただけで職務経歴を登録できるようになっていないのでタイトル詐欺継続中なのですが、一旦ここまでを振り返りたいと思います。場合のUIコンポーネントは何がいいのか考えたい。しておいた方が無難そう。解決したいFirebaseのFunctionsやWebプッシュ機能も使ってみたい他にもAWSの勉強したり新しいパソコンのセットアップしたり・・・。(仕事してないのに)忙しい!shoji9x9フリーランスのエンジニアをしています。随時お仕事を受け付けています。現在フロントエンド(React、Storybookなど)を勉強中です。バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。バッジを贈るDiscussionshoji9x9フリーランスのエンジニアをしています。随時お仕事を受け付けています。現在フロントエンド(React、Storybookなど)を勉強中です。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。