Next.js's --experimental-https feature solved this issue but I want more universal and reasonable solution

Thank you for sharing this great feature! Yes, I had heard of this, but I thought a presentational component was enough for storybook's component catalog, and this also solves testing problem so I decided not to use this feature 😭

In this pattern, the server/client components just handle data and its behavior and pass them to the presentational ones.
So far, this approach has worked well and has even resolved some common testing and Storybook issues typically encountered with RSC.

評価ハックがうまいほうという自覚もあるので無意識にしてしまっていないかというのもある