optimistic-gold

Devtools are not appearing

Hey there, I'm using

 
"@tanstack/svelte-query": "^5.66.9",
"@tanstack/svelte-query-devtools": "^5.66.9",

 
"@tanstack/svelte-query": "^5.66.9",
"@tanstack/svelte-query-devtools": "^5.66.9",

and the

 <QueryClientProvider client={queryClient}>
    <SvelteQueryDevtools initialIsOpen={true}/>

    {process.env.NODE_ENV} --> development
    <NavigatorRouter>

 <QueryClientProvider client={queryClient}>
    <SvelteQueryDevtools initialIsOpen={true}/>

    {process.env.NODE_ENV} --> development
    <NavigatorRouter>

and the devtools are not showing up. I also checked the chrome developer tool and it's not rendering. I also don't have any extension set up. Any ideas? 🙏

3 Replies

ratty-blush•6mo ago

We'll need a bit more information, ideally a repro. At the least, what framework is this? What file is this code in?

optimistic-gold•6mo ago

Hey, @Sebastian, if you are using vite (or using a framework that uses it) that will fix the problem: - You can create a local node modules folder and replace the original content there. (just clone the original svelte-query-devtools and create a link to your project using your package manager) - If you are too lazy (like me, haha), just create a new svelte component with the same content as dist/Devtools.svelte, replacing only the necessary part. Now, import your own Devtools component rather the provided by tanstack. You're ready to go. Hope it helps, see ya!

absent-sapphire•3mo ago

banger.. but svelte 5 not svelte 4 😢

Gaming

Programming

Devtools are not appearing

Did you find this page helpful?