You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
useMutation does indicate a pending state and remains idle until the mutation concludes if triggered in a Component constructor or ngOnInit lifecycle method, whereas triggering the mutation from ngAfterContentInit works as expected.
Observe the state changes for the three mutations triggered in an Angular constructor, ngOnInit, or ngAfterContentInit.
Notice that the two mutations triggered in the constructor and ngOnInit remain idle and do not indicate the pending state while the mutations are running.
Expected behavior
As a user, I expect the mutation to always indicate the correct idle and pending state, i.e., switch from idle to pending when a mutation has been triggered.
How often does this bug happen?
Every time
Screenshots or Videos
No response
Platform
OS: Windows, maxOS,
Browser: Chrome, Edge
Tanstack Query adapter
angular-query
TanStack Query version
v5.74.3
TypeScript version
v5.6.3
Additional context
No response
The text was updated successfully, but these errors were encountered:
ThiloAschebrock
changed the title
useMutation skips pending state when triggered in constructor or ngOnInit
Angular: injectMutation skips pending state when triggered in constructor or ngOnInit
Apr 15, 2025
Describe the bug
useMutation
does indicate a pending state and remains idle until the mutation concludes if triggered in a Component constructor orngOnInit
lifecycle method, whereas triggering the mutation fromngAfterContentInit
works as expected.Your minimal, reproducible example
https://stackblitz.com/edit/angular-query-aqv6yuzm?file=src%2Fmain.ts
Steps to reproduce
constructor
,ngOnInit
, orngAfterContentInit
.constructor
andngOnInit
remain idle and do not indicate the pending state while the mutations are running.Expected behavior
As a user, I expect the mutation to always indicate the correct idle and pending state, i.e., switch from idle to pending when a mutation has been triggered.
How often does this bug happen?
Every time
Screenshots or Videos
No response
Platform
Tanstack Query adapter
angular-query
TanStack Query version
v5.74.3
TypeScript version
v5.6.3
Additional context
No response
The text was updated successfully, but these errors were encountered: