Skip to content

SolidQueryDevtools doesn't uses the client props #9762

@CapitaineToinon

Description

@CapitaineToinon

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;
Image

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

Image

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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions