已配置QueryClient仍报No QueryClient set错误，求排查解决

我一眼就注意到你的代码里存在包版本不兼容的问题，这就是导致报错的核心原因：

• 你从旧版的react-query包导入了QueryClient和QueryClientProvider
• 但ReactQueryDevtools却是从新版的@tanstack/react-query-devtools导入的

TanStack Query（原React Query）在v4版本之后把包名统一改成了@tanstack/react-query，旧的react-query包只对应v3及更早版本。新旧版本的上下文完全不互通，所以Devtools根本找不到你用旧包创建的QueryClient，自然就抛出了"No QueryClient set"的错误。

具体修复步骤 #

1. 先确保你安装的是新版的TanStack Query包：
   如果还没安装，执行这个命令：

   npm install @tanstack/react-query @tanstack/react-query-devtools
   

   同时可以卸载旧的react-query包：

   npm uninstall react-query
   

2. 修改你的导入语句，把所有React Query相关的依赖都统一到新版包：

   // 替换原来的导入
   import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
   import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
   

3. 检查App组件或其他子组件，确保里面的useQuery、useMutation等hooks也都是从@tanstack/react-query导入的，不能混用旧包。

额外排查点（如果修复后仍报错） #

• 确认没有在QueryClientProvider包裹范围之外的组件里调用React Query的hooks
• 检查queryClient实例的作用域，确保它是在渲染前创建的，没有被意外重新初始化

从你的代码结构来看，只要统一了包版本，这个问题应该就能顺利解决啦！

内容的提问来源于stack exchange，提问作者Denby101