inatatsu

ReactNodeは型としての範囲が広すぎる。 
Buttonの引数にiconとか入れるのにReactNodeを型にしたらstringとか受け入れてしまうのを防ぎたい

雑に実装してみたけどこういう感じを楽にしたい 
<iframe id="zenn-embedded__8fe80ec39b651" src="https://embed.zenn.studio/card#zenn-embedded__8fe80ec39b651" data-content="https%3A%2F%2Fstackblitz.com%2Fedit%2Fstackblitz-starters-1mczw3%3Ffile%3Dsrc%252FApp.tsx" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://stackblitz.com/edit/stackblitz-starters-1mczw3?file=src%2FApp.tsx" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://stackblitz.com/edit/stackblitz-starters-1mczw3?file=src%2FApp.tsx</a>

とりあえずやってみた実装としてはIconコンポーネントをIconinterfaceをimplementsしたSingletonクラスでラップした

Singletonのインスタンスをexportすることでいい感じになってて欲しい

利用側はinterfaceを型として指定することでimplementsしたクラスに縛れる

なんか楽にできるようにしたい