loop issue fix

Author: dcodesdev

apps/web/src/hooks/useSession.ts

@@ -6,7 +6,10 @@ import { useLocalStorage } from "usehooks-ts"
 
 export function useSession() {
   const [orgId, setOrgId, removeOrgId] = useLocalStorage("orgId", "")
-  const user = trpc.user.me.useQuery()
+  const user = trpc.user.me.useQuery(undefined, {
+    staleTime: 5 * 60 * 1000, // 5 minutes
+    refetchOnWindowFocus: false,
+  })
 
   const organization = useMemo(() => {
     return (

apps/web/src/trpc-provider.tsx

@@ -7,7 +7,16 @@ import Cookies from "js-cookie"
 import SuperJSON from "superjson"
 
 export function TrpcProvider({ children }: { children: React.ReactNode }) {
-  const [queryClient] = useState(() => new QueryClient())
+  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 5 * 60 * 1000,
+          },
+        },
+      })
+  )
   const [trpcClient] = useState(() =>
     trpc.createClient({
       links: [