-
-
Notifications
You must be signed in to change notification settings - Fork 3.6k
Closed
Description
Describe the bug
When using SolidQueryDevtools, you can pass a client props that should then passed to useQueryClient to be able to use the devtools outside of a Query context. However the current codes doesn't pass the client down.
Your minimal, reproducible example
https://codesandbox.io/p/live/7ce35b6d-6104-4b1f-a483-cdcc17c3952e
Steps to reproduce
- Open the link and run in dev (important since the devtools uses solid's isDev var to be conditionally loaded)
- The code will error even though I've passed a queryClient to the devtools
import "./App.css";
import { QueryClient } from "@tanstack/solid-query";
import { SolidQueryDevtools } from "@tanstack/solid-query-devtools";
import { isDev } from "solid-js/web";
const queryClient = new QueryClient();
function App() {
return (
<>
<h1>{isDev ? "isDev" : "noDev"}</h1>
<SolidQueryDevtools client={queryClient} />
</>
);
}
export default App;
Expected behavior
It should just work. This is caused by the props not being passed to the useQueryClient hook.
How often does this bug happen?
Every time
Screenshots or Videos
Platform
- Macos, Firefox
Tanstack Query adapter
solid-query
TanStack Query version
5.90.4
TypeScript version
No response
Additional context
No response
Metadata
Metadata
Assignees
Labels
No labels