working pages and app router

nextjs/src/app/CourseList.tsx

@@ -7,7 +7,7 @@ export default function CourseList() {
   return (
     <div>
       {courses.map((c) => (
-        <Link href={`/course/${c}`} key={c}>
+        <Link href={`/course/${c}`} key={c} shallow={true}>
           {c}{" "}
         </Link>
       ))}

nextjs/src/app/course/[courseName]/calendar/DayItemsInModule.tsx

@@ -81,7 +81,7 @@ function Pages({ moduleName, day }: { moduleName: string; day: string }) {
               encodeURIComponent(moduleName) +
               "/page/" +
               encodeURIComponent(p.name)
-            }
+            } shallow={true}
           >
             {p.name}
           </Link>
@@ -142,7 +142,7 @@ function Quizzes({ moduleName, day }: { moduleName: string; day: string }) {
               encodeURIComponent(moduleName) +
               "/quiz/" +
               encodeURIComponent(q.name)
-            }
+            } shallow={true}
           >
             {q.name}
           </Link>
@@ -204,7 +204,7 @@ function Assignments({ moduleName, day }: { moduleName: string; day: string }) {
               encodeURIComponent(moduleName) +
               "/assignment/" +
               encodeURIComponent(a.name)
-            }
+            } shallow={true}
           >
             {a.name}
           </Link>

nextjs/src/app/providersQueryClientUtils.ts

@@ -7,6 +7,8 @@ export function makeQueryClient() {
         // With SSR, we usually want to set some default staleTime
         // above 0 to avoid refetching immediately on the client
         staleTime: 60_000,
+        refetchOnWindowFocus: false,
+        retry: 0,
       },
     },
   });