From fd00ce11d6576a8614e05002f01edebef5c1fd54 Mon Sep 17 00:00:00 2001
From: Sakurasan <26715255+Sakurasan@users.noreply.github.com>
Date: Mon, 13 Jul 2026 20:28:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20React=20Query=20=E6=9C=AA?=
 =?UTF-8?q?=E6=8F=90=E4=BE=9B=20QueryClientProvider=20=E5=AF=BC=E8=87=B4?=
 =?UTF-8?q?=E7=9A=84=E8=BF=90=E8=A1=8C=E6=97=B6=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- main.tsx 中增加 QueryClientProvider 包裹 RouterProvider
- router.tsx 的 getRouter() 改为返回 { router, queryClient } 对象
- 确保 useQuery 在组件树中能正常获取 QueryClient 上下文
---
 src/main.tsx   | 7 +++++--
 src/router.tsx | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index 782b64b..6828b6e 100755
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,14 +1,17 @@
 // 应用入口：样式在 ./styles.css（Tailwind v4 + design token），路由见 ./router.tsx
 import React from "react";
 import ReactDOM from "react-dom/client";
+import { QueryClientProvider } from "@tanstack/react-query";
 import { RouterProvider } from "@tanstack/react-router";
 import { getRouter } from "./router";
 import "./styles.css";
 
-const router = getRouter();
+const { router, queryClient } = getRouter();
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <RouterProvider router={router} />
+    <QueryClientProvider client={queryClient}>
+      <RouterProvider router={router} />
+    </QueryClientProvider>
   </React.StrictMode>
 );
diff --git a/src/router.tsx b/src/router.tsx
index f344441..c729019 100755
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -20,5 +20,5 @@ export const getRouter = () => {
     defaultPreloadStaleTime: 0,
   });
 
-  return router;
+  return { router, queryClient };
 };