blog
2019
2020
2021
2022
個人サイトのブログ部をサブドメインに切り出して、NuxtからNextに移行した
【OPPO】画面を傾けたときに表示される回転ボタンを無効にする
React×Recoil×Storybook を動かす
storybook の Args の型推論をオプショナルじゃなくする
自分好みのアウトライナーを開発した記録
自作のアウトライナーに Markdown 互換ビューを実装
毎日文章を書き続けたいと思いもう数年が経っている
ブログは情報を捨てる場にしたい
人生の電車からは降りない方が良い
行動ログの形式を3種類に分けて考えてみる
<
>
/
Loading...
月別アーカイブ
2022年(11)
3月(1)
,
4月(3)
,
6月(7)
2021年(13)
1月(1)
,
2月(2)
,
3月(4)
,
4月(5)
,
12月(1)
2020年(2)
12月(2)
2019年(5)
1月(4)
,
2月(1)
storybook の Args の型推論をオプショナルじゃなくする
2022-04-24
2022-04-24
ブログ
react
プログラミング
typescript
storybook
なぜこの記事を書いたか
Why CSF Args Type is Partial type ?
でも語られている通り、Storybook でコンポーネントに Args(Props)を渡す際、すべてのプロパティがオプショナルになってしまう。
これでは、必須のプロパティを渡していなくても型エラーを検知できず、ランタイムエラーが発生してしまう。
上記リンクでも問題提起はされていて、解決されそうなので多分そのうち問題はなくなるはず。だけど、僕は今型定義が欲しいので、それっぽい感じにしてみた。
解決策
Why CSF Args Type is Partial type ? ##issuecomment-901117408
を参考にしている
型定義(Generics)
Loading...
各ストーリーブックで型定義
Loading...
各ストーリーオクジェクトに型付け
Loading...
動作
onPinTask
が無いぞというのを警告してくれる。
Props の型定義
ちなみに props の定義はこう
Loading...
免責
ちゃんと動かないパターンもあると思うので、そのへんはよしなに改造してください。
自分好みのアウトライナーを開発した記録
React×Recoil×Storybook を動かす
react
React×Recoil×Storybook を動かす
なぜこの記事を書いたか
解決策
型定義(Generics)
各ストーリーブックで型定義
各ストーリーオクジェクトに型付け
動作
Props の型定義
免責