React-Query on post methods

[pooryak]

All of apis that backend provided me are post methods. I read that useQuery provides caching functionality. Can i use caching in react-query despite my apis post methods?

[TkDodo]

yes, you can. react-query only cares about the promises returned from the queryFn. with POST requests, you can't do caching on network level in the browser, but that's a different topic :)

[pooryak]

Would you please introduce me to an example that provides caching in POST requests?

[TkDodo]

I don't follow. it doesn't matter:

useQuery('key', () => doThePostRequest())

result of the post request will be cached under key ...

[pooryak]

I need to pass a object through body of POST request.
useQuery('key', (user) => { ApiWalletCurrentRepository.apiWalletCurrentPost(user) });
when I use useQuery I can not pass the object
when I take log from user argument it's not what I passed

[TkDodo]

well where is user coming from? it is definitely not the first argument to the queryFn as you've shown above. If you have a custom hook, you can pass it there:

const useApiWallet = (user) => useQuery(['key', user], () => ApiWalletCurrentRepository.apiWalletCurrentPost(user));

also, all dependencies should go into the query key (I've already done that in the above snippet).

for anything else, please post a codesandbox reproduction.