Fixed React Query provider. Removed getSession and replaced with getUser to make Supabase happy. Fixed Stepper's responsiveness.

apps/web/components/react-query-provider.tsx

@@ -1,21 +1,23 @@
+'use client';
+
+import { useState } from 'react';
+
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
-// set gcTime to 0 on the server
-// as we cannot invalidate the cache on the server
-const isServer = typeof document === 'undefined';
-const gcTime = isServer ? 0 : undefined;
-const staleTime = isServer ? 0 : 60 * 1000;
-
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      gcTime,
-      staleTime,
-    },
-  },
-});
-
 export function ReactQueryProvider(props: React.PropsWithChildren) {
+  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            // With SSR, we usually want to set some default staleTime
+            // above 0 to avoid refetching immediately on the client
+            staleTime: 60 * 1000,
+          },
+        },
+      }),
+  );
+
   return (
     <QueryClientProvider client={queryClient}>
       {props.children}