initial setup

client/src/query/query-client.ts

@@ -0,0 +1,10 @@
+import { QueryClient } from '@tanstack/react-query';
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+      retry: 1
+    }
+  }
+});

client/src/query/use-health-query.ts

@@ -0,0 +1,14 @@
+import { useQuery } from '@tanstack/react-query';
+import { getHealth, type HealthResponse } from '../api/health';
+
+const healthQueryKeys = {
+  all: ['health'] as const
+};
+
+export function useHealthQuery() {
+  return useQuery<HealthResponse>({
+    queryKey: healthQueryKeys.all,
+    queryFn: getHealth,
+    staleTime: 30_000
+  });
+}