Sakurasan
fd00ce11d6
- main.tsx 中增加 QueryClientProvider 包裹 RouterProvider
- router.tsx 的 getRouter() 改为返回 { router, queryClient } 对象
- 确保 useQuery 在组件树中能正常获取 QueryClient 上下文
25 lines
730 B
TypeScript
Executable File
25 lines
730 B
TypeScript
Executable File
/**
|
|
* TanStack Router 实例。
|
|
*
|
|
* 路由约定：
|
|
* - 页面文件放 src/routes/，用 createFileRoute 定义
|
|
* - 新建路由文件后跑 pnpm run dev，让 src/routeTree.gen.ts 自动更新（勿手改）
|
|
* - 根布局见 src/routes/__root.tsx；首页占位见 src/routes/index.tsx（须整体替换）
|
|
*/
|
|
import { QueryClient } from '@tanstack/react-query';
|
|
import { createRouter } from '@tanstack/react-router';
|
|
import { routeTree } from './routeTree.gen';
|
|
|
|
export const getRouter = () => {
|
|
const queryClient = new QueryClient();
|
|
|
|
const router = createRouter({
|
|
routeTree,
|
|
context: { queryClient },
|
|
scrollRestoration: true,
|
|
defaultPreloadStaleTime: 0,
|
|
});
|
|
|
|
return { router, queryClient };
|
|
};
|