Make invalidateQueries not instant refetch but wait for next mount
Hi guys,
I am having some issues with invalidateQueries.
I use react query to fetch a list of elements that I dispatch in a global state. I would like to use the cache as much as possible.
When an item is deleted I am deleting it from the global state and I send a request to delete it in DB.
At this point I do not need or want to refetch.
Note that next time my component (with its own query key) will be mounted the global state won’t be 100% trustable.
This is why I would like to invalidate the query on item deletion. And refetch the list on mount, not before.
So, so far I am using invalidateQueries at deletion. Issue is that:
invalidateQueries([myKey]);
-> trigger a refetch
invalidateQueries([myKey], {
refetchType: 'none',
});
-> Do not refetch on mount
I tried some stuff and looked online but didn’t found anything, am I missing something?
Thanks
I am having some issues with invalidateQueries.
I use react query to fetch a list of elements that I dispatch in a global state. I would like to use the cache as much as possible.
When an item is deleted I am deleting it from the global state and I send a request to delete it in DB.
At this point I do not need or want to refetch.
Note that next time my component (with its own query key) will be mounted the global state won’t be 100% trustable.
This is why I would like to invalidate the query on item deletion. And refetch the list on mount, not before.
So, so far I am using invalidateQueries at deletion. Issue is that:
invalidateQueries([myKey]);
-> trigger a refetch
invalidateQueries([myKey], {
refetchType: 'none',
});
-> Do not refetch on mount
I tried some stuff and looked online but didn’t found anything, am I missing something?
Thanks
