the defined cache and staleTime in React Query are ignored

[Kosardev]

Hello everybody, i used "react-query" version "^3.39.2" also I can't update it.
My expectation is that after my api returns data for a given query key, that react-query won't hit my API again for that same query key for at least some period of time. I have tried setting cacheTime with no change in behavior. My API gets hit every time. I assume ,I must be doing something wrong. I call my queries in my SSR function ( getServerSideProps )
I have defined :

 export const ReactQueryConfig: QueryClientConfig = {
    defaultOptions: {
         queries: {
               retryOnMount: false,
               refetchOnMount: false, // Prevent refetch when navigating back
               refetchOnReconnect: false,
               refetchOnWindowFocus: false,
               retry: 0,
               staleTime: 5 * 60 * 1000, // 5 minutes
               cacheTime:  10 * 60 * 1000 //default 10 minutes
         }
     }
 };

export const getServerSideProps: GetServerSideProps = async ({ req }: any ) => {
const queryClient = new QueryClient(ReactQueryConfig);

try {
    await promiseAllFunctions([
        queryClient.prefetchQuery({
            queryKey: ["content", query_getN],
            queryFn: () =>
                new graphqlRequest()
                    .setEndPoint(Uri.shopServiceIp)
                    .request(generateQlQuery(query_getN), {}),
        }),
        queryClient.prefetchQuery({
            queryKey: ["content", query_getTf],
            queryFn: () => 
                 new graphqlRequest()
                    .setEndPoint(Uri.shopServiceIp)
                    .request(generateQlQuery(query_getTf), {}),
        }),
        queryClient.prefetchQuery({
            queryKey: ["content", query_getLP],
            queryFn: () =>
                new graphqlRequest()
                    .setEndPoint(Uri.shopServiceIp)
                    .request(generateQlQuery(query_getLP), {}),
        }),
    ]);
} catch (e) {}

 const dehydratedState= dehydrateData(queryClient)
  return {
        props: {
            dehydratedState,
        },
    };
}

but in a minute when my data is fresh and don't become stale yet If I come back to this page it will refetch all my Apis. anyone know why it happen?

Thanks again for any assistance!

i also asked this question in stackoverflow and in reddit but no one answer me yet