"use client" は Server Component と Client Component の境界につけよう

🌼 はじめに 最近 Next.js の app Router で開発してて、不思議なワーニングに出会いました。 Props must be serializable for components in the "use client" entry file, "handleClick" is invalid. これがなんなのかがすごく気になり、"use client"について色々調べたので共有したいと思います。 1. "use client" は何なのか "use client"は Server Component と Client Component の境界の宣言です。公式ドキュメントにもそう書いてました。 The "use client" directive is a convention to declare a boundary between a Server and Clie

[tinsep19]

パッと読んだ感じ、境界を分けるコンポーネントを用意してatomはそこに集約しろに見えるけどなぁ