React-query 不适用于使用 Vite 引导的项目

Question

我在设置使用 Vite 引导的新项目时遇到问题，

No QueryClient set, use QueryClientProvider to set one

当我将组件ReactQueryDevtools 添加到代码中时项目崩溃。我尝试使用 create-react-app 引导应用程序，它使用完全相同的代码。

src/App.jsx：

import { QueryClient, QueryClientProvider } from "react-query";
import { ReactQueryDevtools } from "react-query/devtools";

import "./App.css";

const queryClient = new QueryClient();

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <ReactQueryDevtools initialIsOpen={false} />
      <h1>Root</h1>
    </QueryClientProvider>
  );
}

export default App;

Answer 1

这是一个与开发工具相关的未解决问题。我们在这里跟踪它：https://github.com/tannerlinsley/react-query/issues/1936