GatsbyJSの環境でセットアップしました。React環境にStorybookをセットアップしたいと思います。setupに沿ってやっていきます。setupを参照してください。react以下のライブラリが自動でインストールされます。scriptも自動で挿入されます。"build-storybook"以下の設定ファイルも自動で作成されます。.storybook/addmins.js.storybook/config.js.storybook/addons.jsは以下の通りです。'@storybook/addon-links/register';.storybook/config.jsは以下の通りです。module);stories/index.stories.jsも自動生成されます。));これでReact環境にStorybookをセットアップできました。昔に比べると導入がめちゃくちゃ簡単になっています。storybook起動できました。TypeScriptに対応させるこちらの記事を参考に進めました。babel-loaderを使う方法が紹介されていますが、今回はts-loaderを使用しました。babel-loaderインストール型定義とts-loaderをインストールします。babel-loaderもインストールする必要があります。babel-loaderTypeScriptを読み込めるようにするStorybookでは.storybook/webpack.config.jsを自前で準備することができます。そこにTypeScriptを読み込む設定を加えます。Config.storybook/webpack.config.jsはこのようにしました。ts-loaderを使用しています。}};.storybook/config.jsに.jsではなく.tsxファイルを読み込むように書き換えます。/\.stories\.tsx$/);...react-router-domを使用している場合のstoriesの書き方react-router-domを使用している場合のコンポーネントのPropsはRouteComponentPropsという型になります。/>を使う必要があります。これらをstoriesファイル内でエミュレートしてやる必要があります。以下のissueに対応策がありました。GitHubよくあるナビゲーションメニューのコンポーネントNavigation.tsx。/>を使用しています。これをそのままstoriesに書いてしまうとエラーが出てしまいます。/>をaddDecoratiorで使うことでエミュレートできます。Navigation.stories.tsxはこんな感じです。RouteComponentPropsであるhistoryとlocationとmatchもエミュレートしてやる必要があります。});これでひとまず起動することができました。kwst.site.。