I am trying to make the data fetched with axios and react-query available to my components using Context API, but axios.get() doesn't seem to work. I get no GET request on the server-side and the data returned by axios is…
I'm fetching data with react-query and using Context API to make the fetched data available to other components: kitsDataContext.js import { useQuery } from '@tanstack/react-query' import axios from 'axios' import { createContext } from 'react'; export const kitsDataContext = createContext();…
In projects when calling API to get products, should people use react-query ? I also find it very useful. Please give me advice on how to use react-query to Call Api. Thanks everyone. I have used react-query to Call API,…
I want to cancel pending calls on unmount of a component. I'm using react query 3.39.2. There are n api calls, and the query key is dynamic. I've shared the current code below, and it does not work. What am…
I have a question in terms of how data is updated in the DataGrid component from the @mui/x-data-grid module in React if anyone has experience with that Material UI library for displaying data in a table. The issue that I…
I am making a search component. I specify a name in the request, I get a response and immediately display it. After the first input submit I get undefined in response, but after the second submit a get what I…
Im working on an framework7-react and react query for data fetching. Initialization was fine, everything works perfectly, but when I want to fetch data with react-query it has this error "No QueryClient set, use QueryClientProvider to set one" and when…
I have following code const useCreateSupplier = (createSupplierCommand: CreateSupplierCommand) => { return useMutation({ mutationFn: () => axiosClient .post("/supplier", { createSupplierCommand }) .then((res: AxiosResponse) => res.data), onSuccess: async () => { await queryClient.invalidateQueries({ queryKey: [queries.get_suppliers], }); }, }); }; const CreateSupplierForm…
I was attempting to store the data from react-query in local storage so that it persists when the page is reloaded. However, I encountered an error stating that the JSON format is invalid. const [username, setUsername] = useState('') const [password,…
There is a search result page where query params are passed to useQuery. On this page, we can change our search prompt (query param essentially) however I only want to refetch when user click "Search" button. I've tried setting enabled:false…