@umituz/react-native-auth 1.9.0 → 1.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "Authentication service for React Native apps - Secure, type-safe, and production-ready. Provider-agnostic design supports Firebase Auth and can be adapted for Supabase or other providers.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/hooks/useAuthState.ts

@@ -3,7 +3,7 @@
  * Single Responsibility: Manage authentication state
  */
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef, useMemo } from "react";
 import { DeviceEventEmitter } from "react-native";
 import { getAuthService } from "../../infrastructure/services/AuthService";
 import { useFirebaseAuth } from "@umituz/react-native-firebase-auth";
@@ -33,9 +33,22 @@ export function useAuthState(): UseAuthStateResult {
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
 
-  const user = isGuest ? null : mapToAuthUser(firebaseUser);
+  // Ref to track latest isGuest value for event handlers
+  const isGuestRef = useRef(isGuest);
+
+  // Memoize user to prevent new object reference on every render
+  const user = useMemo(() => {
+    if (isGuest) return null;
+    return mapToAuthUser(firebaseUser);
+  }, [isGuest, firebaseUser?.uid]);
+
   const isAuthenticated = !!user && !isGuest;
 
+  // Keep ref in sync with state
+  useEffect(() => {
+    isGuestRef.current = isGuest;
+  }, [isGuest]);
+
   // Reset guest mode when user signs in
   useEffect(() => {
     if (firebaseUser && isGuest) {
@@ -43,38 +56,28 @@ export function useAuthState(): UseAuthStateResult {
     }
   }, [firebaseUser, isGuest]);
 
-  // Sync isGuest state with service on mount
+  // Sync isGuest state with service on mount only
   useEffect(() => {
     const service = getAuthService();
     if (service) {
       const serviceIsGuest = service.getIsGuestMode();
-      if (serviceIsGuest !== isGuest) {
+      if (serviceIsGuest !== isGuestRef.current) {
         setIsGuest(serviceIsGuest);
       }
     }
   }, []);
 
-  // Listen for guest-mode-enabled event
+  // Listen for auth events - subscribe once on mount
   useEffect(() => {
     const guestSubscription = DeviceEventEmitter.addListener(
       "guest-mode-enabled",
-      () => {
-        /* eslint-disable-next-line no-console */
-        if (__DEV__) {
-          console.log("[useAuthState] Guest mode enabled event received");
-        }
-        setIsGuest(true);
-      }
+      () => setIsGuest(true)
     );
 
     const authSubscription = DeviceEventEmitter.addListener(
       "user-authenticated",
       () => {
-        /* eslint-disable-next-line no-console */
-        if (__DEV__) {
-          console.log("[useAuthState] User authenticated event received");
-        }
-        if (isGuest) {
+        if (isGuestRef.current) {
           setIsGuest(false);
         }
       }
@@ -84,7 +87,7 @@ export function useAuthState(): UseAuthStateResult {
       guestSubscription.remove();
       authSubscription.remove();
     };
-  }, [isGuest]);
+  }, []);
 
   return {
     user,