- main.tsx 中增加 QueryClientProvider 包裹 RouterProvider
- router.tsx 的 getRouter() 改为返回 { router, queryClient } 对象
- 确保 useQuery 在组件树中能正常获取 QueryClient 上下文
18 lines
615 B
TypeScript
Executable File
18 lines
615 B
TypeScript
Executable File
// 应用入口:样式在 ./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, queryClient } = getRouter();
|
||
|
||
ReactDOM.createRoot(document.getElementById("root")!).render(
|
||
<React.StrictMode>
|
||
<QueryClientProvider client={queryClient}>
|
||
<RouterProvider router={router} />
|
||
</QueryClientProvider>
|
||
</React.StrictMode>
|
||
);
|