I'm looking for a solution to share data across a React-Query mutation without having to create my own internal state or context. I created a custom hook that takes care of the API call. myData.ts ...

I need help with react-query library. I fetch a list of objects and then for everyone I need to fetch additional data from another service. How should I do this with react-query useQuery hook? Exa...

After I updated react query to the latest version, I am getting undefined for 'isLoading' state when using useMutation. Here is the code: const useAddUserNote = (owner: string) => { const query...

I'm having problems using react-query. Whenever the response from the server is Unauthorized, useQuery is returning flags status='success' and isError=false. The server response status is 401 and t...

When creating the queryClient I want to create a global onError handler that refreshes my access token when the error response code is 401. But I don't know how the status code is accessible on the...

I am using react query in my react app this way const { data, status } = useQuery(key, queryFunc, { staleTime: 1 * 60 * 1000 }); I want to be able to invalid a certain key in cache based on data ...

I am needing a little bit more detail in support of this question: Explain data revalidation in Next JS 13 I am using the new next js 13 app directory features for data fetching; as the Next JS 13 ...

I want to implement this scenario by react-query: My component gets an API and should try once when the client's internet was disconnected and never re-fetch if internet was reconnected... and afte...

currently I am using redux in different projects for state management. A few days back, I listened about react-query which is also used for state management and provides caching and async fetching....

I'm using react-query in a typescript project, and am getting a hard to interpret type error when trying to use the useMutation() hook with a graphql query. Example Code: useMutation( async ( par...

I am not sure how I would do optimistic updates with trpc? Is this "built-in" or do I have to use react-query's useQuery hook? So far, I am trying it like so, but it's not working: const...

I have a select option menu. So, When a user selects an option, I want send a GET/ request to the server with that option and recieve the filtered data from server. This can be achived using useEff...

I'm trying to refetch some queries after one success but it's not working! I used two ways to handle it by using refetchQueries() / invalidateQueries() 1- onSuccess callback export const useMutateA...

on react native in a random scenario react-query get stuck in loading state where isLoading is always true and the data is undefined. I checked the cache using the flipper-react-query-native plugin...

I'm currently thinking about the perfect architecture for my professionals projects needs. I read a lot of article about (clean) architecture and I got to the point were I think that I want my UI m...

I'm using React Query with typescript to fetch data in my project and I'm trying to use the error the useQuery hook returns to display a message describing the error if it exists like this : {isErr...

I'm currently trying out react-query in my project. I'm having trouble with handling errors within my mutation. In my networks tab, I can confirm that the server is responding with code 400 or 500,...

I am working on a React JS project. In my project, I am using React query, https://react-query.tanstack.com/docs/guides/mutations. I am using mutation to make the post request to the server. But I ...

I'm using a combination of Axios and react-query to make a POST request to a server that may answer with response code 400 and validation errors. export const axiosDefault = axios.create({ baseURL...

I have a form, and I want to return the id from the newly created object which I'm creating through Axios via a REST API. I'm integrating Tanstack Query, using the useMutation hook. I've created my...

So I use react-query to handle API requests. Current problem is that when i try to submit form data, post request, mutation state is always idle, and loading is always false. I also use zustand for...

In storybook, I'm getting the following error: No QueryClient set, use QueryClientProvider to set one In my _app.tsx: const queryClient = new QueryClient(); const MyApp = ({ Component, pageProps ...

I've a basic implementation of data fetching and updating using react-query on next.js app. My goal is to update the data after mutation. Currently the data updates only on tab refresh. But without...

I would like to handle, for example, expired access token error for all queries that currently running in my react app. I need to catch expired access token error globaly cancel other queries whic...

Aim I am building a NextJS application that uses react-query to fetch data. I am now trying to implement a testing framework. However, when I run yarn test I get the error below. From the react-que...