Updated login check.

src/components/hooks/index.js

@@ -13,7 +13,7 @@ export * from './useMessages';
 export * from './useNavigation';
 export * from './useReport';
 export * from './useReports';
-export * from './useRequireLogin';
+export * from './useLogin';
 export * from './useShareToken';
 export * from './useSticky';
 export * from './useTheme';

src/components/hooks/useLogin.ts

@@ -0,0 +1,22 @@
+import useApi from 'components/hooks/useApi';
+import useUser from 'components/hooks/useUser';
+
+export function useLogin() {
+  const { get, useQuery } = useApi();
+  const { user, setUser } = useUser();
+
+  const query = useQuery({
+    queryKey: ['login'],
+    queryFn: async () => {
+      const data = await get('/auth/verify');
+
+      setUser(data);
+
+      return data;
+    },
+  });
+
+  return { user, ...query };
+}
+
+export default useLogin;

src/components/hooks/useRequireLogin.ts

@@ -1,28 +0,0 @@
-import { useEffect } from 'react';
-import useApi from 'components/hooks/useApi';
-import useUser from 'components/hooks/useUser';
-
-export function useRequireLogin() {
-  const { get } = useApi();
-  const { user, setUser } = useUser();
-
-  useEffect(() => {
-    async function loadUser() {
-      try {
-        const data = await get('/auth/verify');
-
-        setUser(data);
-      } catch {
-        window.location.href = `${process.env.basePath || ''}/login`;
-      }
-    }
-
-    if (!user) {
-      loadUser();
-    }
-  }, [user]);
-
-  return { user };
-}
-
-export default useRequireLogin;