type mutationCache.subscribe

[JoakimThorne]

Hi,

I want to subscribe to the mutationCache to see when all mutations is completed.
mutationCache.subscribe((e: any) => { const { action, type, mutation } = e || {}; console.log('action: ', action); console.log('type: ', type); console.log('mutation: ', mutation); });

It seems like I cant type the e correctly. According to the docs it should be MutationCacheNotifyEvent but it does not seem to be exposed.

[TkDodo]

use type inference, event is automatically typed when doing:

mutationCache.subscribe((event) => {
})

see: https://www.typescriptlang.org/play?#code/JYWwDg9gTgLgBAbzgWQK4wIY2BAdgYQwGMALAUzgF84AzKCEOAcgAFNcBnTIgawHooZYjAC0AR1RkoATyYAoOUTxc4IdFhwFi5OAF44uMgHcU67HkKkyACgCUCtZnNarAOg6oARhyJRgnm2syADcyXBhbPQA+REp7Pj44JOSU1LSkgD0AfiA

[JoakimThorne]

But In the link u sent and also in my env. I can only access type and mutation. So it seems lika action is not typed?

[JoakimThorne]

https://www.typescriptlang.org/play?#code/JYWwDg9gTgLgBAbzgWQK4wIY2BAdgYQwGMALAUzgF84AzKCEOAcgAFNcBnTIgawHooZYjAC0AR1RkoATyYAoOUTxc4IdFhwFi5OAF44uMgHcU67HkKkyACgCUCtZnNarAOg6oARhyJRgnm2syADcyXBhbPQA+RAU4eLglTggAGzJXFIgAcyDQ8NcYaTAyewTE5VT0zJyQsJhXRw08UoSkjkqM7Ny612FNFvi2juru8Mi+PjgAHhEROHJBOABJRIxcOA4yCj68BUp7CbKj45O4AD0AfiA

[TkDodo]

The MutationCacheNotifyEvent is a union type, and not all events have an action:

query/packages/query-core/src/mutationCache.ts

Lines 30 to 69 in 7e51776

	interface NotifyEventMutationAdded {
	type: 'added'
	mutation: Mutation<any, any, any, any>
	}
	interface NotifyEventMutationRemoved {
	type: 'removed'
	mutation: Mutation<any, any, any, any>
	}
	interface NotifyEventMutationObserverAdded {
	type: 'observerAdded'
	mutation: Mutation<any, any, any, any>
	observer: MutationObserver<any, any, any>
	}
	interface NotifyEventMutationObserverRemoved {
	type: 'observerRemoved'
	mutation: Mutation<any, any, any, any>
	observer: MutationObserver<any, any, any>
	}
	interface NotifyEventMutationObserverOptionsUpdated {
	type: 'observerOptionsUpdated'
	mutation?: Mutation<any, any, any, any>
	observer: MutationObserver<any, any, any, any>
	}
	interface NotifyEventMutationUpdated {
	type: 'updated'
	mutation: Mutation<any, any, any, any>
	action: Action<any, any, any, any>
	}
	type MutationCacheNotifyEvent =
	| NotifyEventMutationAdded
	| NotifyEventMutationRemoved
	| NotifyEventMutationObserverAdded
	| NotifyEventMutationObserverRemoved
	| NotifyEventMutationObserverOptionsUpdated
	| NotifyEventMutationUpdated

So TypeScript won't let you access action without checking for the type upfront.

[TkDodo]

Im trying to do a global check when the mutations are done loading and enter state success and lookin on the object event.action it seems to hold the info I need

useIsMutating can do that

[JoakimThorne]

But useIsMutating only returns a number, I want to see errors and success as well

Want to be able to show "saving"/"saving done"/"error while saving"