I have the same problem as here react-query: onSuccess, onError, onSettled are deprecated. What should I use instead? . And the the proposed solution is good but what if I want to use the result of the error inside the…
I have a query like this: const query = useMyCustomQuery({ ...someParams }); Which is called on component mount. Then, in the return of the component I do something like: { query.isFetching && <LoadingOverlay /> } which displays a loading component…
Situation: I want to make infinite scroll for my project. Currently, I'm using Javascript fetching API but want to apply react-query instead of. Problem: React query is a form of Hook so can't be nested inside of useCallback. Below codes…
Hi I have below mutation : export const useUserSearch = (data) => { return useMutation({ mutationKey: ["user-search", data], mutationFn: fetchUser, }); }; I am using it in the component : const { mutate, data: userInfo, isLoading: userInfoLoading, } = useUserSearch();…
in a React Native project, using react query to bring infinite scroll in feeds - RAM getting consumed more and more but not releasing the memory for the component which are out of sight (starting from almost 170 mb and…
I'm building an UI with a form that appears on a button click. When I submit the form and that the mutation is over, I want it to close. However I'm not sure how to do this since my mutation…
Code: export const useAllUsers = <T extends UserResponseDto>( select?: (data: UserResponseDto[]) => T ) => useQuery<UserResponseDto[], ErrorResponse, T, string[]>({ queryKey: [QueryClientKeys.GET_ALL_USERS], queryFn: async () => { const response = await ApiService.getAllUsers(); return response.data; }, select: select, staleTime: Infinity, cacheTime: Infinity,…
I am using React-Query besides React-Router and I can not extract the data with React-Query in App.jsx. function App() { const { isLoading, software } = useSoftware(); return ( <QueryClientProvider client={queryClient}> <ReactQueryDevtools initialIsOpen={false} /> <BrowserRouter> <GlobalStyles /> <Routes> <Route element={<AppLayout…
In the following code for example, how can I update react-query to wait for the previous call to be complete before starting the next one? I'm trying to hit an API that has rate limiting to one call at a…
I'm using onError callback funtion in useMutation. It is only triggered, when foo() throws. const mutation = useMutation({ mutationFn: foo(), onError: () => { console.log("error caught by onError"); } }) I also have a listener on unhandledrejection event, that triggers…