Recoil Atom Effects で Firebase Authentication の認証状態を管理【後編】

この記事は下記記事の後編です。 firebase Authentication さっそく認証状態管理の実装です。 認証状態の監視 まずは Firebase の認証状態を監視する部分です。 Firebase ではonAuthStateChangedちう認証状態を監視する関数があるのでこれを Recoil のAtom Effectsと組み合わせて使います。 Atom Effects内でサブスクライブの起動も廃棄もできるので、別途コンポーネントでuseEffectを使う必要もありません。 import { getAuth, onAuthStateChanged } from 'firebase/auth'; import { atom, useRecoilValue } from 'recoil'; import { AuthUser } from '../types'; const auth