コンポーネントリストができてない

[Yuisei-Maruyama]

StoryBookのようなものがあれば、自分が作成したコンポーネントを管理しやすいと考えた。

[Yuisei-Maruyama]

tree-viewを使うことを検討する。

https://mui.com/components/tree-view/

[Yuisei-Maruyama]

コンポーネントのリストをクリックされると、対象のコンポーネントを表示するように実装した。

[Yuisei-Maruyama]

上記で実装表示として完成したが、3点のバグが確認された。

• コンポーネントリストを選択し、ホームに戻ると全体のレイアウトが崩れる
• Warning: Each child in a list should have a unique "key" prop.のエラー
• Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.のエラー

[Yuisei-Maruyama]

Warning: Each child in a list should have a unique "key" prop.に関しては、

https://github.com/Yuisei-Maruyama/MyPortfolio/blob/component-list/src/components/ComponentPreviewTabs/ComponentPreviewTabs.tsx#L99

で key を追加して対処しようとしたが、上手く機能しなかった。

[Yuisei-Maruyama]

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>. に関しては、

https://mui.com/components/tabs/#full-width で使用されているTabPanelの仕様なのではないかと思うが、違うかもしれない。