昨日まで動いていたStorybookが、 yarn install したら突然動かなくなったのでメモ。 環境 Node.js v20.10.0, Yarn 1.22.19, Storybook v7.5.3。 問題 Next.js v13プロジェクトで、Storybookを使ってコンポーネント等の確認をしている。 今回、新しいパッケ…

Storybookを使っていると、アドオンパネルが開かなくなった。 Controlsでプロパティの変更ができず、ハマったので対応方法をメモ。 環境 Storybook 6.5.13 for React。 問題 StorybookをGoogle Chromeで開き、 Show addons 状態にしても、アドオンパネルが表…

React + Next.js で、多言語対応したアプリケーションを開発している。 日本語から、英語などのラテン文字で記述する言語に切り替えた場合、文字が長くなり、レイアウトが崩れることがあるため、各言語でのレイアウトを簡潔に確認したい。 アプリケーション…

Storybookのストーリーファイルをtsxで記述しているが、TypeScriptをstrictモードにしているため、Decoratorを定義する際、引数に型を付けないとエラーになる。 // パラメーター 'Story' の型は暗黙的に 'any' になります。 const decorator = Story => ( <div style={{ maxWidth: '400px' }}> <Story /> </div>…