回答編集履歴

具体的な方法が見つかったので書き直した

2023/09/16 08:03

投稿

スコア246

test CHANGED Viewed

@@ -1,5 +1,5 @@
-「ログイン状態を読み取るコンポーネント」「ログイン状態を切り替えるコンポーネント」それぞれにおいて、firebase を使ってログイン状態を読み取る/切り替えるフックを使用するだけで可能だと思います。
+https://reffect.co.jp/react/react-firebase-auth/#%E3%83%A6%E3%83%BC%E3%82%B6%E6%83%85%E5%A0%B1%E3%81%AE%E5%85%B1%E6%9C%89context
-正しく使用しさえすれば、ログイン状態を切り替えたときに、「読み取る」側のフックがその変更を検知して再レンダリングされる、という動作をとるはずです。
+この記事に従って、Context を使ってログイン済みかどうかの状態を読み取れるようにする（onAuthStateChanged を通事で、変更があったときには更新してくれます。）のが良いと思います。
-(firebase のライブラリが保持してくれている状態が、Single Source of Truth である、と考える)
+App Router を使っているようなので、app/layout.tsx で AuthProvider を使うことになると思います。