Use Cache ReactQuery

import { useQuery } from 'react-query';
import Toaster from '../../components/Toaster';
import axiosapi from '../request/axiosInstance';

async function fetchShops(user) {
  const response = await axiosapi.post('/api/getshops', {
    user: user,
  });
  const responseData = response.data;
  const success = responseData.success;
  if (success) {
    return responseData.data;
  } else {
    Toaster({ message: responseData.message, type: 'error' });
    return null;
  }
}

export function useShopsQuery(user) {
  return useQuery('getShops', () => fetchShops(user), {
    staleTime: 1 * 60000, // Cache data for 1 minute
    cacheTime: 1 * 60000, // Cache data for 1 minute
    refetchOnWindowFocus: false,
  });
}

const IndexDashboard = ({ userId }) => {
  const { data, isFetching, error } = useShopsQuery(userId);
}

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { QueryClient, QueryClientProvider } from "react-query";
import { ReactQueryDevtools } from 'react-query/devtools';

const root = ReactDOM.createRoot(document.getElementById("root"));
const queryClient = new QueryClient();
root.render(
  <QueryClientProvider client={queryClient}>
    <App />
    <ReactQueryDevtools />
  </QueryClientProvider>
);