From 9a023cfdf13e3813b530d08f7280cf260c4657ec Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Tue, 30 Dec 2025 23:49:52 +0530 Subject: [PATCH 01/10] Moved DevTool Instance specific settings to a context --- packages/query-devtools/src/Devtools.tsx | 63 ++++++++++--------- .../src/DevtoolsPanelComponent.tsx | 53 ++++++++++------ .../src/contexts/DevtoolsStateContext.ts | 44 +++++++++++++ packages/query-devtools/src/contexts/index.ts | 1 + 4 files changed, 114 insertions(+), 47 deletions(-) create mode 100644 packages/query-devtools/src/contexts/DevtoolsStateContext.ts diff --git a/packages/query-devtools/src/Devtools.tsx b/packages/query-devtools/src/Devtools.tsx index cceec7a3de..5548e36fed 100644 --- a/packages/query-devtools/src/Devtools.tsx +++ b/packages/query-devtools/src/Devtools.tsx @@ -51,7 +51,7 @@ import { XCircle, } from './icons' import Explorer from './Explorer' -import { usePiPWindow, useQueryDevtoolsContext, useTheme } from './contexts' +import { usePiPWindow, useQueryDevtoolsContext, useTheme, DevtoolsStateContext, useDevtoolsState, type QueryCacheMap, type MutationCacheMap } from './contexts' import { BUTTON_POSITION, DEFAULT_HEIGHT, @@ -99,20 +99,18 @@ interface QueryStatusProps { count: number } -const [selectedQueryHash, setSelectedQueryHash] = createSignal( - null, -) -const [selectedMutationId, setSelectedMutationId] = createSignal( - null, -) -const [panelWidth, setPanelWidth] = createSignal(0) -const [offline, setOffline] = createSignal(false) - export type DevtoolsComponentType = Component & { shadowDOMTarget?: ShadowRoot } export const Devtools: Component = (props) => { + const [selectedQueryHash, setSelectedQueryHash] = createSignal(null) + const [selectedMutationId, setSelectedMutationId] = createSignal(null) + const [panelWidth, setPanelWidth] = createSignal(0) + const [offline, setOffline] = createSignal(false) + const queryCacheMap: QueryCacheMap = new Map() + const mutationCacheMap: MutationCacheMap = new Map() + const theme = useTheme() const css = useQueryDevtoolsContext().shadowDOMTarget ? goober.css.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) @@ -193,7 +191,7 @@ export const Devtools: Component = (props) => { ) return ( - <> + @@ -275,7 +273,7 @@ export const Devtools: Component = (props) => { - + ) } @@ -284,6 +282,7 @@ const PiPPanel: Component<{ }> = (props) => { const pip = usePiPWindow() const theme = useTheme() + const { panelWidth, setPanelWidth } = useDevtoolsState() const css = useQueryDevtoolsContext().shadowDOMTarget ? goober.css.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) : goober.css @@ -353,6 +352,7 @@ export const ParentPanel: Component<{ children: JSX.Element }> = (props) => { const theme = useTheme() + const { panelWidth, setPanelWidth } = useDevtoolsState() const css = useQueryDevtoolsContext().shadowDOMTarget ? goober.css.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) : goober.css @@ -409,6 +409,7 @@ export const ParentPanel: Component<{ } const DraggablePanel: Component = (props) => { + const { setSelectedQueryHash, setPanelWidth, panelWidth } = useDevtoolsState() const theme = useTheme() const css = useQueryDevtoolsContext().shadowDOMTarget ? goober.css.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) @@ -690,6 +691,8 @@ export const ContentView: Component = (props) => { 'queries', ) + const { selectedQueryHash, offline, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth } = useDevtoolsState() + const sort = createMemo(() => props.localStore.sort || DEFAULT_SORT_FN_NAME) const sortOrder = createMemo( () => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER, @@ -1383,6 +1386,8 @@ const QueryRow: Component<{ query: Query }> = (props) => { const { colors, alpha } = tokens const t = (light: string, dark: string) => (theme() === 'dark' ? dark : light) + const { selectedQueryHash, setSelectedQueryHash } = useDevtoolsState() + const queryState = createSubscribeToQueryCacheBatcher( (queryCache) => @@ -1513,6 +1518,9 @@ const MutationRow: Component<{ mutation: Mutation }> = (props) => { const { colors, alpha } = tokens const t = (light: string, dark: string) => (theme() === 'dark' ? dark : light) + const { selectedMutationId, setSelectedMutationId } = useDevtoolsState() + + const mutationState = createSubscribeToMutationCacheBatcher( (mutationCache) => { const mutations = mutationCache().getAll() @@ -1759,6 +1767,8 @@ const QueryStatus: Component = (props) => { const [mouseOver, setMouseOver] = createSignal(false) const [focused, setFocused] = createSignal(false) + const { selectedQueryHash, panelWidth } = useDevtoolsState() + const showLabel = createMemo(() => { if (selectedQueryHash()) { if (panelWidth() < firstBreakpoint && panelWidth() > secondBreakpoint) { @@ -1875,6 +1885,8 @@ const QueryDetails = () => { const [dataMode, setDataMode] = createSignal<'view' | 'edit'>('view') const [dataEditError, setDataEditError] = createSignal(false) + const { selectedQueryHash, setSelectedQueryHash } = useDevtoolsState() + const errorTypes = createMemo(() => { return useQueryDevtoolsContext().errorTypes || [] }) @@ -2402,6 +2414,8 @@ const MutationDetails = () => { const { colors } = tokens const t = (light: string, dark: string) => (theme() === 'dark' ? dark : light) + const { selectedMutationId } = useDevtoolsState() + const isPaused = createSubscribeToMutationCacheBatcher((mutationCache) => { const mutations = mutationCache().getAll() const mutation = mutations.find( @@ -2578,15 +2592,8 @@ const MutationDetails = () => { ) } -const queryCacheMap = new Map< - (q: Accessor) => any, - { - setter: Setter - shouldUpdate: (event: QueryCacheNotifyEvent) => boolean - } ->() - const setupQueryCacheSubscription = () => { + const { queryCacheMap } = useDevtoolsState() const queryCache = createMemo(() => { const client = useQueryDevtoolsContext().client return client.getQueryCache() @@ -2614,6 +2621,7 @@ const createSubscribeToQueryCacheBatcher = ( equalityCheck: boolean = true, shouldUpdate: (event: QueryCacheNotifyEvent) => boolean = () => true, ) => { + const { queryCacheMap } = useDevtoolsState() const queryCache = createMemo(() => { const client = useQueryDevtoolsContext().client return client.getQueryCache() @@ -2640,21 +2648,17 @@ const createSubscribeToQueryCacheBatcher = ( return value } -const mutationCacheMap = new Map< - (q: Accessor) => any, - Setter ->() - const setupMutationCacheSubscription = () => { + const { mutationCacheMap } = useDevtoolsState() const mutationCache = createMemo(() => { const client = useQueryDevtoolsContext().client return client.getMutationCache() }) const unsubscribe = mutationCache().subscribe(() => { - for (const [callback, setter] of mutationCacheMap.entries()) { + for (const [callback, value] of mutationCacheMap.entries()) { queueMicrotask(() => { - setter(callback(mutationCache)) + value.setter(callback(mutationCache)) }) } }) @@ -2671,6 +2675,7 @@ const createSubscribeToMutationCacheBatcher = ( callback: (queryCache: Accessor) => Exclude, equalityCheck: boolean = true, ) => { + const { mutationCacheMap } = useDevtoolsState() const mutationCache = createMemo(() => { const client = useQueryDevtoolsContext().client return client.getMutationCache() @@ -2685,7 +2690,9 @@ const createSubscribeToMutationCacheBatcher = ( setValue(callback(mutationCache)) }) - mutationCacheMap.set(callback, setValue) + mutationCacheMap.set(callback, { + setter: setValue, + }) onCleanup(() => { mutationCacheMap.delete(callback) diff --git a/packages/query-devtools/src/DevtoolsPanelComponent.tsx b/packages/query-devtools/src/DevtoolsPanelComponent.tsx index cae641b44a..db5cada123 100644 --- a/packages/query-devtools/src/DevtoolsPanelComponent.tsx +++ b/packages/query-devtools/src/DevtoolsPanelComponent.tsx @@ -1,10 +1,10 @@ import { createLocalStorage } from '@solid-primitives/storage' -import { createMemo } from 'solid-js' +import { createMemo, createSignal } from 'solid-js' import { ContentView, ParentPanel } from './Devtools' import { getPreferredColorScheme } from './utils' import { THEME_PREFERENCE } from './constants' -import { PiPProvider, QueryDevtoolsContext, ThemeContext } from './contexts' -import type { Theme } from './contexts' +import { DevtoolsStateContext, PiPProvider, QueryDevtoolsContext, ThemeContext } from './contexts' +import type { Theme, QueryCacheMap, MutationCacheMap } from './contexts' import type { DevtoolsComponentType } from './Devtools' const DevtoolsPanelComponent: DevtoolsComponentType = (props) => { @@ -12,6 +12,13 @@ const DevtoolsPanelComponent: DevtoolsComponentType = (props) => { prefix: 'TanstackQueryDevtools', }) + const [selectedQueryHash, setSelectedQueryHash] = createSignal(null) + const [selectedMutationId, setSelectedMutationId] = createSignal(null) + const [panelWidth, setPanelWidth] = createSignal(0) + const [offline, setOffline] = createSignal(false) + const queryCacheMap: QueryCacheMap = new Map() + const mutationCacheMap: MutationCacheMap = new Map() + const colorScheme = getPreferredColorScheme() const theme = createMemo(() => { @@ -24,22 +31,30 @@ const DevtoolsPanelComponent: DevtoolsComponentType = (props) => { return ( - - - - - - - + + + + + + + + + ) } diff --git a/packages/query-devtools/src/contexts/DevtoolsStateContext.ts b/packages/query-devtools/src/contexts/DevtoolsStateContext.ts new file mode 100644 index 0000000000..3b78ca8079 --- /dev/null +++ b/packages/query-devtools/src/contexts/DevtoolsStateContext.ts @@ -0,0 +1,44 @@ +import { Accessor, createContext, Setter, useContext } from "solid-js" +import type { MutationCache, QueryCache, QueryCacheNotifyEvent } from "@tanstack/query-core" + +export type QueryCacheMapValue = { + setter: Setter + shouldUpdate: (event: QueryCacheNotifyEvent) => boolean +} + +export type MutationCacheMapValue = { + setter: Setter +} + +export type QueryCacheMap = Map< + (q: Accessor) => any, + QueryCacheMapValue +> + +export type MutationCacheMap = Map< + (q: Accessor) => any, + MutationCacheMapValue +> + +export interface DevtoolsState { + selectedQueryHash: Accessor + setSelectedQueryHash: Setter + selectedMutationId: Accessor + setSelectedMutationId: Setter + panelWidth: Accessor + setPanelWidth: Setter + offline: Accessor + setOffline: Setter + queryCacheMap: QueryCacheMap + mutationCacheMap: MutationCacheMap +} + +export const DevtoolsStateContext = createContext() + +export function useDevtoolsState() { + const context = useContext(DevtoolsStateContext) + if (!context) { + throw new Error('useDevtoolsState must be used within DevtoolsStateContext.Provider') + } + return context +} diff --git a/packages/query-devtools/src/contexts/index.ts b/packages/query-devtools/src/contexts/index.ts index b9329a3cd9..a1b7cb5d38 100644 --- a/packages/query-devtools/src/contexts/index.ts +++ b/packages/query-devtools/src/contexts/index.ts @@ -1,3 +1,4 @@ export * from './PiPContext' export * from './QueryDevtoolsContext' export * from './ThemeContext' +export * from './DevtoolsStateContext' From 520c0bedaf3fe61e21ab7ee2114e0bbfab66352b Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Wed, 31 Dec 2025 00:17:08 +0530 Subject: [PATCH 02/10] Added change log --- .changeset/true-loops-report.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/true-loops-report.md diff --git a/.changeset/true-loops-report.md b/.changeset/true-loops-report.md new file mode 100644 index 0000000000..98d032c50f --- /dev/null +++ b/.changeset/true-loops-report.md @@ -0,0 +1,5 @@ +--- +'@tanstack/query-devtools': patch +--- + +Multiple ReactQueryDevtoolsPanel instances sharing state causing isolation issues From d9fe74f2e9de42f7f2317f1ca4f84dac5b681d20 Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Wed, 31 Dec 2025 00:35:31 +0530 Subject: [PATCH 03/10] Unused var --- packages/query-devtools/src/Devtools.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/query-devtools/src/Devtools.tsx b/packages/query-devtools/src/Devtools.tsx index 5548e36fed..06b1a58274 100644 --- a/packages/query-devtools/src/Devtools.tsx +++ b/packages/query-devtools/src/Devtools.tsx @@ -79,7 +79,7 @@ import type { QueryState, } from '@tanstack/query-core' import type { StorageObject, StorageSetter } from '@solid-primitives/storage' -import type { Accessor, Component, JSX, Setter } from 'solid-js' +import type { Accessor, Component, JSX } from 'solid-js' interface DevtoolsPanelProps { localStore: StorageObject From a0b397c8b759d371c69f27452b19d158bbf9fab4 Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Wed, 31 Dec 2025 00:42:37 +0530 Subject: [PATCH 04/10] Fixed lint --- packages/query-devtools/src/Devtools.tsx | 4 +++- packages/query-devtools/src/DevtoolsPanelComponent.tsx | 2 +- packages/query-devtools/src/contexts/DevtoolsStateContext.ts | 3 ++- 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/query-devtools/src/Devtools.tsx b/packages/query-devtools/src/Devtools.tsx index 06b1a58274..05355651b4 100644 --- a/packages/query-devtools/src/Devtools.tsx +++ b/packages/query-devtools/src/Devtools.tsx @@ -51,7 +51,7 @@ import { XCircle, } from './icons' import Explorer from './Explorer' -import { usePiPWindow, useQueryDevtoolsContext, useTheme, DevtoolsStateContext, useDevtoolsState, type QueryCacheMap, type MutationCacheMap } from './contexts' +import { DevtoolsStateContext, useDevtoolsState, usePiPWindow, useQueryDevtoolsContext, useTheme } from './contexts' import { BUTTON_POSITION, DEFAULT_HEIGHT, @@ -68,6 +68,8 @@ import { import type { DevtoolsErrorType, DevtoolsPosition, + MutationCacheMap, + QueryCacheMap, QueryDevtoolsProps, } from './contexts' import type { diff --git a/packages/query-devtools/src/DevtoolsPanelComponent.tsx b/packages/query-devtools/src/DevtoolsPanelComponent.tsx index db5cada123..aac668b41b 100644 --- a/packages/query-devtools/src/DevtoolsPanelComponent.tsx +++ b/packages/query-devtools/src/DevtoolsPanelComponent.tsx @@ -4,7 +4,7 @@ import { ContentView, ParentPanel } from './Devtools' import { getPreferredColorScheme } from './utils' import { THEME_PREFERENCE } from './constants' import { DevtoolsStateContext, PiPProvider, QueryDevtoolsContext, ThemeContext } from './contexts' -import type { Theme, QueryCacheMap, MutationCacheMap } from './contexts' +import type { MutationCacheMap, QueryCacheMap, Theme } from './contexts' import type { DevtoolsComponentType } from './Devtools' const DevtoolsPanelComponent: DevtoolsComponentType = (props) => { diff --git a/packages/query-devtools/src/contexts/DevtoolsStateContext.ts b/packages/query-devtools/src/contexts/DevtoolsStateContext.ts index 3b78ca8079..e1f4b7b06e 100644 --- a/packages/query-devtools/src/contexts/DevtoolsStateContext.ts +++ b/packages/query-devtools/src/contexts/DevtoolsStateContext.ts @@ -1,4 +1,5 @@ -import { Accessor, createContext, Setter, useContext } from "solid-js" +import { createContext, useContext } from "solid-js" +import type { Accessor, Setter } from "solid-js" import type { MutationCache, QueryCache, QueryCacheNotifyEvent } from "@tanstack/query-core" export type QueryCacheMapValue = { From 79a01d53f3c6cd92d23e4d35f61e3082272f2f97 Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Wed, 31 Dec 2025 01:19:02 +0530 Subject: [PATCH 05/10] Fixed changeset description --- .changeset/true-loops-report.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/true-loops-report.md b/.changeset/true-loops-report.md index 98d032c50f..1925476b80 100644 --- a/.changeset/true-loops-report.md +++ b/.changeset/true-loops-report.md @@ -2,4 +2,4 @@ '@tanstack/query-devtools': patch --- -Multiple ReactQueryDevtoolsPanel instances sharing state causing isolation issues +Multiple Devtool instances sharing same state causing isolation issues From b2c6fbc261659f94d6a89c7a36cfe63653c83c47 Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Wed, 31 Dec 2025 01:31:16 +0530 Subject: [PATCH 06/10] Size limit test --- .../query-devtools/src/contexts/DevtoolsStateContext.ts | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/packages/query-devtools/src/contexts/DevtoolsStateContext.ts b/packages/query-devtools/src/contexts/DevtoolsStateContext.ts index e1f4b7b06e..3fd16cc1b0 100644 --- a/packages/query-devtools/src/contexts/DevtoolsStateContext.ts +++ b/packages/query-devtools/src/contexts/DevtoolsStateContext.ts @@ -37,9 +37,5 @@ export interface DevtoolsState { export const DevtoolsStateContext = createContext() export function useDevtoolsState() { - const context = useContext(DevtoolsStateContext) - if (!context) { - throw new Error('useDevtoolsState must be used within DevtoolsStateContext.Provider') - } - return context + return useContext(DevtoolsStateContext)! } From 95271d30c9f240bcbd033867f038e83b8f4baad8 Mon Sep 17 00:00:00 2001 From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com> Date: Tue, 30 Dec 2025 20:04:57 +0000 Subject: [PATCH 07/10] ci: apply automated fixes --- packages/query-devtools/src/Devtools.tsx | 42 +++++++++++++++---- .../src/DevtoolsPanelComponent.tsx | 36 +++++++++++----- .../src/contexts/DevtoolsStateContext.ts | 10 +++-- 3 files changed, 68 insertions(+), 20 deletions(-) diff --git a/packages/query-devtools/src/Devtools.tsx b/packages/query-devtools/src/Devtools.tsx index 05355651b4..ac7982b32c 100644 --- a/packages/query-devtools/src/Devtools.tsx +++ b/packages/query-devtools/src/Devtools.tsx @@ -51,7 +51,13 @@ import { XCircle, } from './icons' import Explorer from './Explorer' -import { DevtoolsStateContext, useDevtoolsState, usePiPWindow, useQueryDevtoolsContext, useTheme } from './contexts' +import { + DevtoolsStateContext, + useDevtoolsState, + usePiPWindow, + useQueryDevtoolsContext, + useTheme, +} from './contexts' import { BUTTON_POSITION, DEFAULT_HEIGHT, @@ -106,8 +112,12 @@ export type DevtoolsComponentType = Component & { } export const Devtools: Component = (props) => { - const [selectedQueryHash, setSelectedQueryHash] = createSignal(null) - const [selectedMutationId, setSelectedMutationId] = createSignal(null) + const [selectedQueryHash, setSelectedQueryHash] = createSignal( + null, + ) + const [selectedMutationId, setSelectedMutationId] = createSignal< + number | null + >(null) const [panelWidth, setPanelWidth] = createSignal(0) const [offline, setOffline] = createSignal(false) const queryCacheMap: QueryCacheMap = new Map() @@ -193,7 +203,20 @@ export const Devtools: Component = (props) => { ) return ( - + @@ -693,7 +716,14 @@ export const ContentView: Component = (props) => { 'queries', ) - const { selectedQueryHash, offline, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth } = useDevtoolsState() + const { + selectedQueryHash, + offline, + setSelectedQueryHash, + selectedMutationId, + setSelectedMutationId, + panelWidth, + } = useDevtoolsState() const sort = createMemo(() => props.localStore.sort || DEFAULT_SORT_FN_NAME) const sortOrder = createMemo( @@ -1390,7 +1420,6 @@ const QueryRow: Component<{ query: Query }> = (props) => { const t = (light: string, dark: string) => (theme() === 'dark' ? dark : light) const { selectedQueryHash, setSelectedQueryHash } = useDevtoolsState() - const queryState = createSubscribeToQueryCacheBatcher( (queryCache) => queryCache().find({ @@ -1522,7 +1551,6 @@ const MutationRow: Component<{ mutation: Mutation }> = (props) => { const { selectedMutationId, setSelectedMutationId } = useDevtoolsState() - const mutationState = createSubscribeToMutationCacheBatcher( (mutationCache) => { const mutations = mutationCache().getAll() diff --git a/packages/query-devtools/src/DevtoolsPanelComponent.tsx b/packages/query-devtools/src/DevtoolsPanelComponent.tsx index aac668b41b..122a69c92a 100644 --- a/packages/query-devtools/src/DevtoolsPanelComponent.tsx +++ b/packages/query-devtools/src/DevtoolsPanelComponent.tsx @@ -3,7 +3,12 @@ import { createMemo, createSignal } from 'solid-js' import { ContentView, ParentPanel } from './Devtools' import { getPreferredColorScheme } from './utils' import { THEME_PREFERENCE } from './constants' -import { DevtoolsStateContext, PiPProvider, QueryDevtoolsContext, ThemeContext } from './contexts' +import { + DevtoolsStateContext, + PiPProvider, + QueryDevtoolsContext, + ThemeContext, +} from './contexts' import type { MutationCacheMap, QueryCacheMap, Theme } from './contexts' import type { DevtoolsComponentType } from './Devtools' @@ -12,8 +17,12 @@ const DevtoolsPanelComponent: DevtoolsComponentType = (props) => { prefix: 'TanstackQueryDevtools', }) - const [selectedQueryHash, setSelectedQueryHash] = createSignal(null) - const [selectedMutationId, setSelectedMutationId] = createSignal(null) + const [selectedQueryHash, setSelectedQueryHash] = createSignal( + null, + ) + const [selectedMutationId, setSelectedMutationId] = createSignal< + number | null + >(null) const [panelWidth, setPanelWidth] = createSignal(0) const [offline, setOffline] = createSignal(false) const queryCacheMap: QueryCacheMap = new Map() @@ -31,13 +40,20 @@ const DevtoolsPanelComponent: DevtoolsComponentType = (props) => { return ( - + From 3ac16822ba7181a3dfca73afbd512bc86e9e8ef1 Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Wed, 31 Dec 2025 15:12:37 +0530 Subject: [PATCH 08/10] Fixed --- package.json | 2 +- packages/query-devtools/package.json | 2 +- .../query-devtools/src/contexts/DevtoolsStateContext.ts | 6 +++--- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 431461d6ca..832f897501 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "root", + "name": "tanstack-react-query", "private": true, "repository": { "type": "git", diff --git a/packages/query-devtools/package.json b/packages/query-devtools/package.json index c327f11d48..8f128ca83c 100644 --- a/packages/query-devtools/package.json +++ b/packages/query-devtools/package.json @@ -32,7 +32,7 @@ "test:lib:dev": "pnpm run test:lib --watch", "test:build": "publint --strict && attw --pack", "build": "tsup --tsconfig tsconfig.prod.json", - "build:dev": "tsup --watch" + "build:dev": "tsup --tsconfig tsconfig.prod.json --watch" }, "type": "module", "main": "./build/index.cjs", diff --git a/packages/query-devtools/src/contexts/DevtoolsStateContext.ts b/packages/query-devtools/src/contexts/DevtoolsStateContext.ts index ff5cc94986..7f9f64024d 100644 --- a/packages/query-devtools/src/contexts/DevtoolsStateContext.ts +++ b/packages/query-devtools/src/contexts/DevtoolsStateContext.ts @@ -6,12 +6,12 @@ import type { QueryCacheNotifyEvent, } from '@tanstack/query-core' -export type QueryCacheMapValue = { +type QueryCacheMapValue = { setter: Setter shouldUpdate: (event: QueryCacheNotifyEvent) => boolean } -export type MutationCacheMapValue = { +type MutationCacheMapValue = { setter: Setter } @@ -25,7 +25,7 @@ export type MutationCacheMap = Map< MutationCacheMapValue > -export interface DevtoolsState { +interface DevtoolsState { selectedQueryHash: Accessor setSelectedQueryHash: Setter selectedMutationId: Accessor From c8859985a51042cb58939ff80a10f2889c831315 Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Wed, 31 Dec 2025 15:13:39 +0530 Subject: [PATCH 09/10] Fixed --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 832f897501..431461d6ca 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "tanstack-react-query", + "name": "root", "private": true, "repository": { "type": "git", From 47aa1fb1b81f24603082491c7731575f664264af Mon Sep 17 00:00:00 2001 From: gauravkumar Date: Wed, 31 Dec 2025 15:15:49 +0530 Subject: [PATCH 10/10] Removed temp things --- packages/query-devtools/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/query-devtools/package.json b/packages/query-devtools/package.json index 8f128ca83c..c327f11d48 100644 --- a/packages/query-devtools/package.json +++ b/packages/query-devtools/package.json @@ -32,7 +32,7 @@ "test:lib:dev": "pnpm run test:lib --watch", "test:build": "publint --strict && attw --pack", "build": "tsup --tsconfig tsconfig.prod.json", - "build:dev": "tsup --tsconfig tsconfig.prod.json --watch" + "build:dev": "tsup --watch" }, "type": "module", "main": "./build/index.cjs",