infinite loading

components/main/hooks/useCollections.ts

@@ -40,7 +40,7 @@ export const useCollections = (category: string) => {
       };
     },
     {
-      enabled: !userLoading,
+      enabled: false,
       refetchOnMount: false,
       refetchOnWindowFocus: false,
       refetchOnReconnect: false,      
@@ -73,7 +73,7 @@ export const useCollections = (category: string) => {
 
   useUpdateEffect(() => {
     refetch()
-  }, [category]);
+  }, [category, userLoading]);
 
   return {
     images: data?.images,

utils/useUser.ts

@@ -15,6 +15,7 @@ export const useUser = () => {
     ["user.me"],
     async () => {
       if (!value) return null;
+      if (user) return user;
       const request = await fetch("/api/me", {
         method: "GET",
         headers: {
@@ -32,7 +33,10 @@ export const useUser = () => {
       return res?.user;
     },
     {
+      enabled: false,
       refetchOnWindowFocus: false,
+      refetchOnMount: false,
+      refetchOnReconnect: false,
     }
   );