<Link>の使用でレンダリングが2回起きていた

<Link>コンポーネントを使ってルートパスへの遷移を実装していたページのconsole.log()が、リロードの度に2回呼び出されていた。解決に時間がかかったのでメモしておく。(たぶんもう一回くらいこのミスしちゃいそう)

1,<Link>の仕様

<a>タグの遷移を高速にしてくれると聞いて脳死で乱用してたが、なぜ高速なのか

→ 遷移先のprefetch

よって今回のケースでは、ルートパスをprefetchしていた。

そして、ルートパスでも<Link>で当該ページ(/signin)への遷移を実装していた笑

そして、認可機能により、userSessionを持たない場合は/signinへの遷移を行っていた。

結果...

/signinのリロード　→ log出力 →　 ルートprefetch(Linkによる) 　→ <Link href{"/signin"}>をprefetch → log出力(2回目)

なのかなと推理。　あちこち触って/signinの<Link>→<a>にするとレンダリングが1回になったからたぶんこれ...?

いや...。
書きながら思ったけど、prefetch先のLinkをprefetchしてるなら、無限ループで今PCは息してないはずなので多分この推理は間違えてる...笑

じゃあやっぱりsession管理やったりSeverActionsあたりの記述がミスってるんやろうか..?

眠気が限界なので、今日の備忘録としてこの怪文を。

始めてauth触ったことでわかってなかったとはいえ、初めにcontext作っとけばよかった。いい勉強になりそうね泣