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

這是一個與 devtools 相關的未解決問題。 我們在這里跟蹤它： https://github.com/tannerlinsley/react-query/issues/1936