fix(devtools): change onClose callback type from () => unknown to () …

.changeset/chatty-socks-act.md

@@ -0,0 +1,10 @@
+---
+"@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 () => void
+

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.

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.

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.

packages/query-devtools/src/Devtools.tsx

@@ -89,7 +89,7 @@ interface ContentViewProps {
   localStore: StorageObject<string>
   setLocalStore: StorageSetter<string, unknown>
   showPanelViewOnly?: boolean
-  onClose?: () => unknown
+  onClose?: () => void
 }
 
 interface QueryStatusProps {

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 {

packages/query-devtools/src/contexts/QueryDevtoolsContext.ts

@@ -29,7 +29,7 @@ export interface QueryDevtoolsProps {
   initialIsOpen?: boolean
   errorTypes?: Array<DevtoolsErrorType>
   shadowDOMTarget?: ShadowRoot
-  onClose?: () => unknown
+  onClose?: () => void
   hideDisabledQueries?: boolean
   theme?: Theme
 }

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.
    */

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.
    */

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.
    */