Been stuck on this issue for some time now trying to retro fit react-query in to my codebase. I have a working version using getStaticProps. I have been experimenting with router.isReady from next/router to try and force the page to wait for the router.query value to be present before passing it as props to t…
Tag: react-query
What are staleTime and cacheTime in React-Query?
I have read React Query docs. Still, I do not understand how to use staleTime & cacheTime for data caching. I want to store data for 2 mins in the cache after first-time API call. No matter if the component mounts or unmounts, I don’t want an API call for 2 mins after the first time I got the data.
Using QueryClientProvider in a Wrapper
I want to use a single Wrapper Component in a library im providing. The wrapper should provide stuff like Context and QueryClient. The component looks like this: When wrapping children with the Wrapper useQuery throws an error that no QueryClientProvider is set. In this case App uses the useQuery Hook from re…
How to properly implement useQueries in react-query?
I’m using react-query to make two separate queries in the same React component. I originally tried using two useQuery hooks: Here’s the content of useData, which is imported from another file: fetchData is a function that queries an AWS DDB table. I’m happy to post that function, but I’…
React-Query useQuery is caching response
I have following code This function should be called when I visit my main page, but when returning to this route from another page this request is not triggered and I don’t get fresh data. What I want is this query to be called every time like useEffect Answer data from the cache is always returned if t…
useQuery hook not returning data variable
I have a problem in my useQuery hook from react-query package. Here I call the API using axios and I’m successfully getting the data (I debugged my app). The problem is when I return the result it’s not saving in the data variable of the useQuery hook. Here is my code: Answer because this function…
React Query with hooks is throwing error, “Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.”
I am working on a React JS project that is using React query, https://react-query.tanstack.com/, React hooks and functional components. But it is throwing error when I use react query for API call. This is my component and how I use query within it. This is my getList API call logic When I run my code, I get …