Web app: query client retry and error config

apps/web/package.json

@@ -9,7 +9,8 @@
     "preview": "vite preview",
     "lint": "eslint",
     "format": "prettier --write \"**/*.{ts,tsx}\"",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "vitest"
   },
   "dependencies": {
     "@hugeicons/core-free-icons": "^4.1.2",
@@ -37,6 +38,7 @@
     "@vitejs/plugin-react": "^5.1.1",
     "eslint": "^9.39.2",
     "typescript": "^5.9.3",
-    "vite": "^7.3.2"
+    "vite": "^7.3.2",
+    "vitest": "^3.0.0"
   }
 }

apps/web/src/app/providers/query-client.test.ts

@@ -0,0 +1,11 @@
+import { describe, it, expect } from "vitest";
+import { queryClient } from "./query-client";
+
+describe("queryClient configuration", () => {
+  it("should have correct defaults configured", () => {
+    const defaultOptions = queryClient.getDefaultOptions();
+    expect(defaultOptions.queries?.retry).toBe(1);
+    expect(defaultOptions.queries?.staleTime).toBe(30000);
+    expect(defaultOptions.queries?.refetchOnWindowFocus).toBe(true);
+  });
+});

apps/web/src/app/providers/query-client.ts

@@ -0,0 +1,11 @@
+import { QueryClient } from "@tanstack/react-query";
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: 1,
+      staleTime: 1000 * 30, // 30s
+      refetchOnWindowFocus: true,
+    },
+  },
+});

apps/web/src/routes/__root.tsx

@@ -4,14 +4,7 @@ import { Toaster } from "sonner"
 import { ThemeProvider } from "../ui/theme-provider"
 import appCss from "@workspace/ui/globals.css?url"
 
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: 1000 * 30,      // 30s — prices refresh frequently
-      refetchOnWindowFocus: true,
-    },
-  },
-})
+import { queryClient } from "../app/providers/query-client"
 
 // Update this to your production domain before going live.
 const SITE_URL = "https://so4.market"