feat: fixed infinite refetchs issue

Author: Markkos89

src/components/Hero.tsx

@@ -11,6 +11,7 @@ import {
 } from "@chakra-ui/react";
 import { ArrowForwardIcon } from "@chakra-ui/icons";
 import Image from "next/image";
+import NextLink from "next/link";
 
 const Hero = () => {
   return (
@@ -43,6 +44,7 @@ const Hero = () => {
               </Text>
 
               <Link
+                as={NextLink}
                 href={"/getting-started"}
                 alignSelf={{ base: "center", md: "flex-start" }}
               >

src/contexts/AppContextProvider.tsx

@@ -23,9 +23,17 @@ export function AppContextProvider({ children }: IProps) {
   const [completedQuizzesSlugs, setCompletedQuizzesSlugs] = useState<string[]>(
     [],
   );
+  const [sessionDataUser, setSessionDataUser] = useState<any>(null);
 
   const { data: sessionData } = useSession();
 
+  useEffect(() => {
+    if (sessionData?.user && sessionData.user !== sessionDataUser) {
+      setSessionDataUser(sessionData.user);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sessionData]);
+
   // Requests
   // - All
   const {
@@ -36,7 +44,8 @@ export function AppContextProvider({ children }: IProps) {
     undefined, // no input
     {
       // Disable request if no session data
-      enabled: sessionData?.user !== undefined,
+      enabled: !!sessionDataUser,
+      refetchOnWindowFocus: false,
     },
   );
 
@@ -73,13 +82,13 @@ export function AppContextProvider({ children }: IProps) {
     if (projects && completedQuizzesSlugs.length !== 0) {
       const projectsWithCompleteStatus = projects.map((lesson) => {
         const completed = completedQuizzesSlugs.includes(lesson.slug);
-        console.log({ completed });
         return { ...lesson, completed };
       });
 
       setProjects(projectsWithCompleteStatus);
     }
-  }, [completedQuizzesSlugs, projects]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [completedQuizzesSlugs]);
 
   return (
     <AppContext.Provider