実現したいこと
Reactのローカルで認証機能のアプリを作っています。
firebaseのAuthenticationを利用して認証機能を実装しています。
ユーザー名とパスワードを入力してもらいログインする機能を実装しようとしていて、
ほとんど公式通りのログイン状態を判定しリダイレクトするなどシンプルな内容です。
監視用の関数はContextにてカスタムフックとして呼んでいます。
発生している問題・分からないこと
新規登録内容はfirebaseコンソールにて確認出来たのですが、渡ってくるはずのuserがnullのままで、第二引数のコールバックも呼ばれていない様です。
該当のソースコード
Auth.tsx
1// useFormなどの設定 2 3 const registerUser: SubmitHandler<AuthFormValues> = async ( 4 data: AuthFormValues 5 ) => { 6 const userCredential = await createUserWithEmailAndPassword( 7 auth, 8 data.email, 9 data.password 10 ); 11 await sendEmailVerification(userCredential.user); 12 methods.reset(defaultValue); 13 navigate("/home"); // 登録成功後にリダイレクト 14 }; 15 16// メール、パスワードの入力フォーム
AuthCotext.tsx
1// コンテキストで呼んでいるカスタムフックの内容 2useEffectOnce(() => { 3 setIsLoading(true); 4 // 監視するユーザーを取得 5 const unsubscribed = onAuthStateChanged(auth, (user) => { // 第二引数のコールバックが呼ばれていない 6 if (user !== null) { 7 if (user.emailVerified === true) { 8 console.log(user); 9 setUser(user); 10 setIsLoading(false); 11 } 12 } 13 }, handleError); 14 return () => unsubscribed(); 15 });
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
どの実装方法でもonAuthStateChangedで監視するとしている参考サイトが多い中、何も戻り値がないので、この関数がどのような内容であるか分からずに悩んでいます。
補足
特になし

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。