From b1941c7ebe7ffb17466a9cf748abf263b797bd1d Mon Sep 17 00:00:00 2001 From: grzdev Date: Wed, 11 Feb 2026 21:22:46 +0100 Subject: [PATCH 1/3] fix(devtools): change onClose callback type from () => unknown to () => void --- docs/framework/react/devtools.md | 2 +- docs/framework/vue/devtools.md | 2 +- packages/angular-query-experimental/src/devtools-panel/types.ts | 2 +- packages/query-devtools/src/Devtools.tsx | 2 +- packages/query-devtools/src/TanstackQueryDevtoolsPanel.tsx | 2 +- packages/query-devtools/src/contexts/QueryDevtoolsContext.ts | 2 +- packages/react-query-devtools/src/ReactQueryDevtoolsPanel.tsx | 2 +- packages/solid-query-devtools/src/devtoolsPanel.tsx | 2 +- packages/vue-query-devtools/src/types.ts | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/docs/framework/react/devtools.md b/docs/framework/react/devtools.md index b1d49d37fdc..63df459e80c 100644 --- a/docs/framework/react/devtools.md +++ b/docs/framework/react/devtools.md @@ -124,7 +124,7 @@ function App() { - Default: `{ height: '500px' }` - Example: `{ height: '100%' }` - Example: `{ height: '100%', width: '100%' }` -- `onClose?: () => unknown` +- `onClose?: () => void` - Callback function that is called when the devtools panel is closed - `client?: QueryClient`, - Use this to use a custom QueryClient. Otherwise, the one from the nearest context will be used. diff --git a/docs/framework/vue/devtools.md b/docs/framework/vue/devtools.md index 666058e27a9..091d9f280b5 100644 --- a/docs/framework/vue/devtools.md +++ b/docs/framework/vue/devtools.md @@ -110,7 +110,7 @@ function toggleDevtools() { - Default: `{ height: '500px' }` - Example: `{ height: '100%' }` - Example: `{ height: '100%', width: '100%' }` -- `onClose?: () => unknown` +- `onClose?: () => void` - Callback function that is called when the devtools panel is closed - `client?: QueryClient`, - Use this to use a custom QueryClient. Otherwise, the one from the nearest context will be used. diff --git a/packages/angular-query-experimental/src/devtools-panel/types.ts b/packages/angular-query-experimental/src/devtools-panel/types.ts index b87373ad953..f91974ee403 100644 --- a/packages/angular-query-experimental/src/devtools-panel/types.ts +++ b/packages/angular-query-experimental/src/devtools-panel/types.ts @@ -42,7 +42,7 @@ export interface DevtoolsPanelOptions { /** * Callback function that is called when the devtools panel is closed */ - onClose?: () => unknown + onClose?: () => void /** * Element where to render the devtools panel. When set to undefined or null, the devtools panel will not be created, or destroyed if existing. diff --git a/packages/query-devtools/src/Devtools.tsx b/packages/query-devtools/src/Devtools.tsx index ed8eed4534e..cdc08435e9a 100644 --- a/packages/query-devtools/src/Devtools.tsx +++ b/packages/query-devtools/src/Devtools.tsx @@ -89,7 +89,7 @@ interface ContentViewProps { localStore: StorageObject setLocalStore: StorageSetter showPanelViewOnly?: boolean - onClose?: () => unknown + onClose?: () => void } interface QueryStatusProps { diff --git a/packages/query-devtools/src/TanstackQueryDevtoolsPanel.tsx b/packages/query-devtools/src/TanstackQueryDevtoolsPanel.tsx index 699a64dbc15..6294a6de659 100644 --- a/packages/query-devtools/src/TanstackQueryDevtoolsPanel.tsx +++ b/packages/query-devtools/src/TanstackQueryDevtoolsPanel.tsx @@ -18,7 +18,7 @@ import type { Signal } from 'solid-js' export interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps { styleNonce?: string shadowDOMTarget?: ShadowRoot - onClose?: () => unknown + onClose?: () => void } class TanstackQueryDevtoolsPanel { diff --git a/packages/query-devtools/src/contexts/QueryDevtoolsContext.ts b/packages/query-devtools/src/contexts/QueryDevtoolsContext.ts index 77969931cb6..5546c2d8285 100644 --- a/packages/query-devtools/src/contexts/QueryDevtoolsContext.ts +++ b/packages/query-devtools/src/contexts/QueryDevtoolsContext.ts @@ -29,7 +29,7 @@ export interface QueryDevtoolsProps { initialIsOpen?: boolean errorTypes?: Array shadowDOMTarget?: ShadowRoot - onClose?: () => unknown + onClose?: () => void hideDisabledQueries?: boolean theme?: Theme } diff --git a/packages/react-query-devtools/src/ReactQueryDevtoolsPanel.tsx b/packages/react-query-devtools/src/ReactQueryDevtoolsPanel.tsx index 8ff179ea3dd..316119ce39a 100644 --- a/packages/react-query-devtools/src/ReactQueryDevtoolsPanel.tsx +++ b/packages/react-query-devtools/src/ReactQueryDevtoolsPanel.tsx @@ -34,7 +34,7 @@ export interface DevtoolsPanelOptions { /** * Callback function that is called when the devtools panel is closed */ - onClose?: () => unknown + onClose?: () => void /** * Set this to true to hide disabled queries from the devtools panel. */ diff --git a/packages/solid-query-devtools/src/devtoolsPanel.tsx b/packages/solid-query-devtools/src/devtoolsPanel.tsx index 1288b031e74..0b7596ab50b 100644 --- a/packages/solid-query-devtools/src/devtoolsPanel.tsx +++ b/packages/solid-query-devtools/src/devtoolsPanel.tsx @@ -34,7 +34,7 @@ export interface DevtoolsPanelOptions { /** * Callback function that is called when the devtools panel is closed */ - onClose?: () => unknown + onClose?: () => void /** * Set this to true to hide disabled queries from the devtools panel. */ diff --git a/packages/vue-query-devtools/src/types.ts b/packages/vue-query-devtools/src/types.ts index 67dd9a27552..b4739133758 100644 --- a/packages/vue-query-devtools/src/types.ts +++ b/packages/vue-query-devtools/src/types.ts @@ -79,7 +79,7 @@ export interface DevtoolsPanelOptions { /** * Callback function that is called when the devtools panel is closed */ - onClose?: () => unknown + onClose?: () => void /** * Set this to true to hide disabled queries from the devtools panel. */ From c8af0c206d1d8f64daae0f9ff73195d9d7598489 Mon Sep 17 00:00:00 2001 From: Dominik Dorfmeister Date: Mon, 16 Feb 2026 14:41:17 +0100 Subject: [PATCH 2/3] Fix onClose callback type in devtools Updated onClose callback type in devtools to improve type safety. --- .changeset/chatty-socks-act.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 .changeset/chatty-socks-act.md diff --git a/.changeset/chatty-socks-act.md b/.changeset/chatty-socks-act.md new file mode 100644 index 00000000000..e49b5a25c14 --- /dev/null +++ b/.changeset/chatty-socks-act.md @@ -0,0 +1,9 @@ +--- +"@tanstack/angular-query-experimental": patch +"@tanstack/query-devtools": patch +"@tanstack/react-query-devtools": patch +"@tanstack/solid-query-devtools": patch +"@tanstack/vue-query-devtools": patch +--- + +fix(devtools): change onClose callback type from () => unknown to () … From 3e41e596505bb1a7963e93e36ffc070cb12251a9 Mon Sep 17 00:00:00 2001 From: grzdev Date: Mon, 16 Feb 2026 18:03:57 +0100 Subject: [PATCH 3/3] chore(changeset): fixed truncated changeset description --- .changeset/chatty-socks-act.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.changeset/chatty-socks-act.md b/.changeset/chatty-socks-act.md index e49b5a25c14..7826f84b7a3 100644 --- a/.changeset/chatty-socks-act.md +++ b/.changeset/chatty-socks-act.md @@ -6,4 +6,5 @@ "@tanstack/vue-query-devtools": patch --- -fix(devtools): change onClose callback type from () => unknown to () … +fix(devtools): change onClose callback type from () => unknown to () => void +