search

mumumu3560 / prefecture-graph

0 stars 0 forks source link

Cookie周りでのハイドレーションエラーについての参考 #11

Open mumumu3560 opened 8 months ago

mumumu3560 commented 8 months ago

原因 https://qiita.com/Yametaro/items/22cde58cd6abf577f1a4 CookieではuseEffect？ https://zenn.dev/jordan23/articles/05b78f925d35ba https://nextjs.org/docs/messages/react-hydration-error

mumumu3560 commented 8 months ago

順番の整理。 Cookieにデータが存在しないときにはこれは起こらない？サーバーとクライアントの結果が一致する？ Cookieがあるときを考える。

PrefecturesField_view.tsxファイルの const populationData: PopulationResult | null = await CookieGet(); (PrefecturesField_logic.tsx)

→populationDataとprefNameをCookieSave.tsxに渡す。(ここのprefNameいらないな)

→addPrefectureによって状態を更新。

→Rechartsの方が更新される. という流れ