業務で Server Component 使うときハマったことと工夫したこと by みんちゃん

業務で Server Component を使った時にハマったことと解決のために工夫したことを共有します。

(1) Suspense 入れたら Storybook が壊れた
パフォーマンス改善のために suspense を使い始めたら、サーバー専用ライブラリ（ex. Prisma）を使っていたため、Storybook がエラーで起動できなくなった。でもサーバー専用ライブラリを空のモジュールにモックすることで解決！

(1) Server Component でもクライアント側の操作をしないといけない
Server Component として設計したトップレベルのコンポーネントで状態管理が必要になってしまった。 でも Renderless Component を使って状態操作だけを分離することで解決！

これから Server Component 触る皆さんのお役に立てたら嬉しいです！