I have a Next.js application where I use @tanstack/react-query@4 for state management and data fetching. I use it for authentication state via a custom useUser() hook that is used throughout the app, including in a nav bar component shared across…
I know the regular refetching of the data in useQuery const fetchData = async()=>{...} // it starts fetching data from backend with this line of code const {status, data, error, refetch } = useQuery( myKey, fetchData(), { enabled: false, }…
It is my first time using useQuery and I don't even know even if the problem is useQuery related or not but I am having trouble with setting Cookie for further user interactions. Login function starts in a LoginForm.tsx which…
I know that React query calls the api with useQuery to turn the data into a map and display it on the screen. export const getList = async() => { const response = await api.get(/~/~/~/list); return response.data; }; export const…
So, I'm trying to fetch data -onClick- using reactQuery and to store the response in a variable. const { data: response, refetch } = useQuery({ queryKey: ['get-response'], queryFn: async() => { return await Axios.get('URL').then((res) => res.data); }, enabled: false, //to…
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 useMutateAcceptedOrder = () => { const queryClient = useQueryClient(); return…
I've modifying some existing React Native code where I've to check if network connection is available or not. If it is available, I've to fetch new data from API, otherwise I've to use cached data. This is what I've achieved…
So I'm trying to use React Query with Firestore and usually this works pretty fine but recently I have been unable to make a function that returns a value. const fetchProduct = async () => { const querySnapshot = await…