All files / src/hooks useFirebaseUser.ts

100% Statements 11/11
100% Branches 2/2
100% Functions 1/1
100% Lines 11/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 231x 1x     1x               1x 152x   152x 38x 38x 152x   152x 152x  
import { useEffect, useState } from 'react';
import { onAuthStateChanged, User } from 'firebase/auth';
 
// Services
import { auth } from '@/services/firebase';
 
/**
 * Returns the current Firebase user (or `null`), updating on auth changes.
 *
 * Subscribes to auth directly instead of using `FirebaseProvider.user`, which
 * can stay `null` even when the user is signed in.
 */
export const useFirebaseUser = (): User | null => {
  const [firebaseUser, setFirebaseUser] = useState<User | null>(null);
 
  useEffect(() => {
    const unsubscribe = onAuthStateChanged(auth, setFirebaseUser);
    return unsubscribe;
  }, []);
 
  return firebaseUser;
};