参考

開発環境

$ sw_vers
ProductName:	macOS
ProductVersion:	11.6.5
BuildVersion:	20G527
$ node -v
v16.14.2
$ npm -v 
8.5.0

$ npm install -g create-react-app
$ cd プロジェクトフォルダ
$ create-react-app . --template typescript

$ npm start

ブラウザで、下記のページが表示されたので雛形作成完了

$ npm install @mui/material @emotion/react @emotion/styled

$ npm install react-hook-form

「ファイルタイプ別にグループ化する方法」を採用する

$ mkdir src/components

Content.tsxにドキュメントに示されているstepperのコードを組み込むことで、簡単にStepperの実装ができた

次は以下のブログを参考にして、各ステップ内のコンポーネントを配置してみる

このスクラップは2023/03/28にクローズされました