fix: solucionando problema de redireccion de ruta cuando reargaba

Author: joncodeofficial

client/src/app/App.tsx

@@ -11,12 +11,14 @@ import useAvoidZoom from '@/shared/hooks/useAvoidZoom';
 import { Layout } from '@/app/layouts/Layout';
 
 const App = () => {
-  const { user } = UserAuth();
+  const { user, loading } = UserAuth();
   const location = useLocation();
   const isAuthenticated = !isEmptyObject(user);
 
   useAvoidZoom();
 
+  if (loading) return null;
+
   return (
     <Routes>
       <Route

client/src/app/context/AuthContext.tsx

@@ -12,11 +12,13 @@ const AuthContext = createContext({
     fullname: '',
     picture: '',
   } as UserProps,
+  loading: true,
 });
 
 export const AuthContextProvider = ({ children }: { children: ReactNode }) => {
   const navigate = useNavigate();
   const [user, setUser] = useState({} as UserProps);
+  const [loading, setLoading] = useState(true);
 
   async function signInWithGoogle() {
     try {
@@ -67,14 +69,15 @@ export const AuthContextProvider = ({ children }: { children: ReactNode }) => {
           picture: session.user.user_metadata.picture,
         });
       }
+      setLoading(false);
     });
     return () => {
       authListener.subscription.unsubscribe();
     };
   }, [navigate]);
 
   return (
-    <AuthContext.Provider value={{ signInWithGoogle, signInWithGithub, signout, user }}>
+    <AuthContext.Provider value={{ signInWithGoogle, signInWithGithub, signout, user, loading }}>
       {children}
     </AuthContext.Provider>
   );