fixxxxxxxx

components/providers/ReactQueryProvider.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ReactNode, useEffect } from "react";
+import { ReactNode, useEffect, useState } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { persistQueryClient } from "@tanstack/react-query-persist-client";
 import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
@@ -11,19 +11,22 @@ interface Props {
 }
 
 export function ReactQueryProvider({ children }: Props) {
-	const queryClient = new QueryClient({
-		defaultOptions: {
-			queries: {
-				staleTime: 1000 * 60 * 5, // 5 minutes
-				retry: true
-			}
-		}
-	});
+	const [queryClient] = useState(
+		() =>
+			new QueryClient({
+				defaultOptions: {
+					queries: {
+						staleTime: 1000 * 60 * 5, // 5 minutes
+						retry: true
+					}
+				}
+			})
+	);
 
 	// will cause bun to SEGFAULT
 
 	useEffect(() => {
-		if (!window) return;
+		if (typeof window === "undefined") return;
 		// Persist to localStorage (safe, runs client-side)
 		const localStoragePersister = createAsyncStoragePersister({
 			storage: window.localStorage
@@ -34,7 +37,7 @@ export function ReactQueryProvider({ children }: Props) {
 			persister: localStoragePersister,
 			maxAge: 1000 * 60 * 60 // 1 hour max
 		});
-	}, [window || "wtf"]);
+	}, [queryClient]);
 
 	return (
 		<QueryClientProvider client={queryClient}>