After upgrading react-scripts from v4 to v5, I'm facing a problem with react-query ^3.34.8. I am rejecting a promise within useMutation which is causing the runtime error Uncaught (in promise): // Component.js import useDeleteMutation from './useDeleteMutation'; export default function Component(){…
I'm building a search page with the following behavior: when the page is loaded, execute a query with default search params when the user updates the search params, execute a query with the new params when the user clears the…
I'm using a custom react hook to perform two GET operations using react query. The API is in a separate module and uses both getTestByUid() and getTestStatuses() inside useQuery. // TestHook.js import { useQuery } from "react-query" export const useTest…
I want to use the result of a react-query v3 useQuery statement to possibly stop refetching, depending on the result. Therefore I'd use the response data object in the QueryOptions to determine the enabled value: const { isLoading, data }…
I started studying react-query, I can't figure it out. Please help with an example based on my code There was such an action and a reducer export const addHighlighting = parent_id => dispatch => { dispatch({ type: types.HANDLE_COMMENT_HIGHLIGHTING, payload: {…
How would I write a passing test for the following? Where getLifestages is a working get API call that returns an array such as: [{_id: 1, title: 'School'},{_id: 2, title: 'Work'}] import { useQuery } from 'react-query'; const useLifestages =…
Currently, my code looks like this. When mutation is successful, I have to refetch all the data because tasks will not be updated. How can I update the client-side tasks when I submit or delete a task? const { data:…
I currently have the following React Query implementation: const { data, isSuccess, isLoading } = useQuery(['myQuery', myParams], async () => { return myAjaxCall(myParams); }, { cacheTime: 0 }); And I pass the results returned into a custom component: <Results foundRecords={data}/>…
Im using react query as data handler. Im new to react native and kinda new to react query. Right now i dont really understand why the onError callback is not handling my errors. The error callback is fired by the…
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 user interaction it doesn’t change. I found…