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

Question

我在设置我的新项目时遇到了问题，

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

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