Error Coming from ReactQueryDevTools: "Warning: Prop style did not match." #1774
Description
Bug Description:
After upgrading to React Query 3 with built in dev tools, I am getting an error in my browser console every time I hard refresh my application. I tried removing the component from my _app.js file and the error was no longer showing. The error is showing in every browser I tried. I am using Next.js for what it's worth.
Here's the error I am getting:
And here's the stack trace below the error:
Here's my _app.js:
import { ReactQueryDevtools } from "react-query/devtools"
import { QueryClient, QueryClientProvider } from "react-query"
const queryClient = new QueryClient()
export default function App({ Component, pageProps }) {
return (
<QueryClientProvider client={queryClient}>
<Component {...pageProps} />
<ReactQueryDevtools initialIsOpen />
</QueryClientProvider>
)
}
Versions:
- React Query Version: 3.5.11
- React Version: 16.13.1
- Next.js Version: 10.0.3