From cf84aee0d326a6789ff45bdf171f7cbe2a40c403 Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Fri, 1 May 2026 12:45:32 +0900 Subject: [PATCH 1/6] docs(devtools): replace framework-specific logo with 'TanStack logo' to match the actual rendered component --- docs/framework/preact/devtools.md | 2 +- docs/framework/react/devtools.md | 2 +- docs/framework/solid/devtools.md | 2 +- docs/framework/vue/devtools.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/framework/preact/devtools.md b/docs/framework/preact/devtools.md index 951c57cbaac..7305b99dd5e 100644 --- a/docs/framework/preact/devtools.md +++ b/docs/framework/preact/devtools.md @@ -72,7 +72,7 @@ function App() { - Set this `true` if you want the dev tools to default to being open - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"` - Defaults to `bottom-right` - - The position of the Preact Query logo to open and close the devtools panel + - The position of the TanStack logo to open and close the devtools panel - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom` - The position of the Preact Query devtools panel diff --git a/docs/framework/react/devtools.md b/docs/framework/react/devtools.md index 63df459e80c..d4ffa1ee7b9 100644 --- a/docs/framework/react/devtools.md +++ b/docs/framework/react/devtools.md @@ -78,7 +78,7 @@ function App() { - Set this `true` if you want the dev tools to default to being open - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"` - Defaults to `bottom-right` - - The position of the React Query logo to open and close the devtools panel + - The position of the TanStack logo to open and close the devtools panel - If `relative`, the button is placed in the location that you render the devtools. - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom` diff --git a/docs/framework/solid/devtools.md b/docs/framework/solid/devtools.md index 68f6fcf1160..7a4b6677106 100644 --- a/docs/framework/solid/devtools.md +++ b/docs/framework/solid/devtools.md @@ -72,7 +72,7 @@ function App() { - Set this `true` if you want the dev tools to default to being open - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"` - Defaults to `bottom-right` - - The position of the Solid Query logo to open and close the devtools panel + - The position of the TanStack logo to open and close the devtools panel - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom` - The position of the Solid Query devtools panel diff --git a/docs/framework/vue/devtools.md b/docs/framework/vue/devtools.md index add5f8bdbfd..f8623f5709e 100644 --- a/docs/framework/vue/devtools.md +++ b/docs/framework/vue/devtools.md @@ -67,7 +67,7 @@ import { VueQueryDevtools } from '@tanstack/vue-query-devtools' - Set this `true` if you want the dev tools to default to being open. - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"` - Defaults to `bottom-right`. - - The position of the React Query logo to open and close the devtools panel. + - The position of the TanStack logo to open and close the devtools panel. - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom`. - The position of the React Query devtools panel. From 7c34870f3bef09c8263b543da721f12cf51322b3 Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Fri, 1 May 2026 12:52:39 +0900 Subject: [PATCH 2/6] docs(vue-query/devtools): replace 'React Query' panel leftover with 'Vue Query' --- docs/framework/vue/devtools.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/framework/vue/devtools.md b/docs/framework/vue/devtools.md index f8623f5709e..a19f9ad4347 100644 --- a/docs/framework/vue/devtools.md +++ b/docs/framework/vue/devtools.md @@ -70,7 +70,7 @@ import { VueQueryDevtools } from '@tanstack/vue-query-devtools' - The position of the TanStack logo to open and close the devtools panel. - `position?: "top" | "bottom" | "left" | "right"` - Defaults to `bottom`. - - The position of the React Query devtools panel. + - The position of the Vue Query devtools panel. - `client?: QueryClient` - Use this to use a custom QueryClient. Otherwise, the one from the nearest context will be used. - `errorTypes?: { name: string; initializer: (query: Query) => TError}` From f56e0fdb54f3b74e967c40b6cda8153b5ab9236b Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Fri, 1 May 2026 13:21:54 +0900 Subject: [PATCH 3/6] docs(devtools): replace framework-specific logo with 'TanStack logo' and use adapter naming for 'devtools panel' in JSDoc --- packages/angular-query-experimental/src/devtools/types.ts | 2 +- packages/react-query-devtools/src/ReactQueryDevtools.tsx | 2 +- packages/solid-query-devtools/src/devtools.tsx | 4 ++-- packages/svelte-query-devtools/src/Devtools.svelte | 4 ++-- packages/vue-query-devtools/src/types.ts | 4 ++-- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/angular-query-experimental/src/devtools/types.ts b/packages/angular-query-experimental/src/devtools/types.ts index 614c6f95fd1..8e533783721 100644 --- a/packages/angular-query-experimental/src/devtools/types.ts +++ b/packages/angular-query-experimental/src/devtools/types.ts @@ -50,7 +50,7 @@ export interface DevtoolsOptions { */ buttonPosition?: DevtoolsButtonPosition /** - * The position of the TanStack Query devtools panel. + * The position of the Angular Query devtools panel. * `top` | `bottom` | `left` | `right` * Defaults to `bottom`. */ diff --git a/packages/react-query-devtools/src/ReactQueryDevtools.tsx b/packages/react-query-devtools/src/ReactQueryDevtools.tsx index 959d5a739be..35ebfa492e4 100644 --- a/packages/react-query-devtools/src/ReactQueryDevtools.tsx +++ b/packages/react-query-devtools/src/ReactQueryDevtools.tsx @@ -16,7 +16,7 @@ export interface DevtoolsOptions { */ initialIsOpen?: boolean /** - * The position of the React Query logo to open and close the devtools panel. + * The position of the TanStack logo to open and close the devtools panel. * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' * Defaults to 'bottom-right'. */ diff --git a/packages/solid-query-devtools/src/devtools.tsx b/packages/solid-query-devtools/src/devtools.tsx index 079f8bf95d8..9c500c2f08d 100644 --- a/packages/solid-query-devtools/src/devtools.tsx +++ b/packages/solid-query-devtools/src/devtools.tsx @@ -15,13 +15,13 @@ interface DevtoolsOptions { */ initialIsOpen?: boolean /** - * The position of the React Query logo to open and close the devtools panel. + * The position of the TanStack logo to open and close the devtools panel. * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition /** - * The position of the React Query devtools panel. + * The position of the Solid Query devtools panel. * 'top' | 'bottom' | 'left' | 'right' * Defaults to 'bottom'. */ diff --git a/packages/svelte-query-devtools/src/Devtools.svelte b/packages/svelte-query-devtools/src/Devtools.svelte index e80064de68f..f7188879796 100644 --- a/packages/svelte-query-devtools/src/Devtools.svelte +++ b/packages/svelte-query-devtools/src/Devtools.svelte @@ -16,13 +16,13 @@ */ initialIsOpen?: boolean /** - * The position of the TanStack Query logo to open and close the devtools panel. + * The position of the TanStack logo to open and close the devtools panel. * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition /** - * The position of the TanStack Query devtools panel. + * The position of the Svelte Query devtools panel. * 'top' | 'bottom' | 'left' | 'right' * Defaults to 'bottom'. */ diff --git a/packages/vue-query-devtools/src/types.ts b/packages/vue-query-devtools/src/types.ts index bf896240e9e..5ad533621c2 100644 --- a/packages/vue-query-devtools/src/types.ts +++ b/packages/vue-query-devtools/src/types.ts @@ -12,13 +12,13 @@ export interface DevtoolsOptions { */ initialIsOpen?: boolean /** - * The position of the React Query logo to open and close the devtools panel. + * The position of the TanStack logo to open and close the devtools panel. * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition /** - * The position of the React Query devtools panel. + * The position of the Vue Query devtools panel. * 'top' | 'bottom' | 'left' | 'right' * Defaults to 'bottom'. */ From 57c668fae61af14d5720c724b912061996b6697c Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Fri, 1 May 2026 13:24:40 +0900 Subject: [PATCH 4/6] docs(devtools): add missing 'relative' to JSDoc 'buttonPosition' union --- packages/preact-query-devtools/src/PreactQueryDevtools.tsx | 1 + packages/react-query-devtools/src/ReactQueryDevtools.tsx | 2 +- packages/solid-query-devtools/src/devtools.tsx | 2 +- packages/svelte-query-devtools/src/Devtools.svelte | 2 +- packages/vue-query-devtools/src/types.ts | 2 +- 5 files changed, 5 insertions(+), 4 deletions(-) diff --git a/packages/preact-query-devtools/src/PreactQueryDevtools.tsx b/packages/preact-query-devtools/src/PreactQueryDevtools.tsx index e8186ccda15..42b87216a58 100644 --- a/packages/preact-query-devtools/src/PreactQueryDevtools.tsx +++ b/packages/preact-query-devtools/src/PreactQueryDevtools.tsx @@ -17,6 +17,7 @@ export interface DevtoolsOptions { initialIsOpen?: boolean /** * The position of the TanStack logo to open and close the devtools panel. + * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative' * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition diff --git a/packages/react-query-devtools/src/ReactQueryDevtools.tsx b/packages/react-query-devtools/src/ReactQueryDevtools.tsx index 35ebfa492e4..936664f9035 100644 --- a/packages/react-query-devtools/src/ReactQueryDevtools.tsx +++ b/packages/react-query-devtools/src/ReactQueryDevtools.tsx @@ -17,7 +17,7 @@ export interface DevtoolsOptions { initialIsOpen?: boolean /** * The position of the TanStack logo to open and close the devtools panel. - * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' + * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative' * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition diff --git a/packages/solid-query-devtools/src/devtools.tsx b/packages/solid-query-devtools/src/devtools.tsx index 9c500c2f08d..2b441583959 100644 --- a/packages/solid-query-devtools/src/devtools.tsx +++ b/packages/solid-query-devtools/src/devtools.tsx @@ -16,7 +16,7 @@ interface DevtoolsOptions { initialIsOpen?: boolean /** * The position of the TanStack logo to open and close the devtools panel. - * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' + * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative' * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition diff --git a/packages/svelte-query-devtools/src/Devtools.svelte b/packages/svelte-query-devtools/src/Devtools.svelte index f7188879796..d0df767098e 100644 --- a/packages/svelte-query-devtools/src/Devtools.svelte +++ b/packages/svelte-query-devtools/src/Devtools.svelte @@ -17,7 +17,7 @@ initialIsOpen?: boolean /** * The position of the TanStack logo to open and close the devtools panel. - * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' + * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative' * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition diff --git a/packages/vue-query-devtools/src/types.ts b/packages/vue-query-devtools/src/types.ts index 5ad533621c2..f45ba725682 100644 --- a/packages/vue-query-devtools/src/types.ts +++ b/packages/vue-query-devtools/src/types.ts @@ -13,7 +13,7 @@ export interface DevtoolsOptions { initialIsOpen?: boolean /** * The position of the TanStack logo to open and close the devtools panel. - * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' + * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative' * Defaults to 'bottom-right'. */ buttonPosition?: DevtoolsButtonPosition From d3394d01179781a480238f0e4756930bf671eda6 Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Fri, 1 May 2026 14:38:11 +0900 Subject: [PATCH 5/6] chore(.changeset): add changeset for devtools logo, panel, and 'buttonPosition' union alignment --- .changeset/good-pots-brush.md | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 .changeset/good-pots-brush.md diff --git a/.changeset/good-pots-brush.md b/.changeset/good-pots-brush.md new file mode 100644 index 00000000000..b4163808742 --- /dev/null +++ b/.changeset/good-pots-brush.md @@ -0,0 +1,10 @@ +--- +'@tanstack/angular-query-experimental': patch +'@tanstack/preact-query-devtools': patch +'@tanstack/svelte-query-devtools': patch +'@tanstack/react-query-devtools': patch +'@tanstack/solid-query-devtools': patch +'@tanstack/vue-query-devtools': patch +--- + +docs(devtools): align logo, panel, and 'buttonPosition' union descriptions across docs and JSDoc From a7323c8c0cb711ab0dea7684285e193cdfe61c38 Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Fri, 1 May 2026 16:03:37 +0900 Subject: [PATCH 6/6] docs(preact-query-devtools): add missing 'position' union to JSDoc --- packages/preact-query-devtools/src/PreactQueryDevtools.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/preact-query-devtools/src/PreactQueryDevtools.tsx b/packages/preact-query-devtools/src/PreactQueryDevtools.tsx index 42b87216a58..8d1e479bd8b 100644 --- a/packages/preact-query-devtools/src/PreactQueryDevtools.tsx +++ b/packages/preact-query-devtools/src/PreactQueryDevtools.tsx @@ -23,6 +23,7 @@ export interface DevtoolsOptions { buttonPosition?: DevtoolsButtonPosition /** * The position of the Preact Query devtools panel. + * 'top' | 'bottom' | 'left' | 'right' * Defaults to 'bottom'. */ position?: DevtoolsPosition