Cache Invalidation not working on consecutive updates

import { useQuery } from '@tanstack/react-query';
import { QueryKeys } from 'queries/keys';
import { fetcher } from 'utils/fetcher';

function useGetHook({
  token,
}: {
  token: string;
}) {
  return useQuery({
    queryKey: [QueryKeys.KEY_VALUE],
    queryFn: () =>
      fetcher(
        `someEndpoint`,
        { method: 'GET' },
        token
      ),
  });
}

export { useGetHook };

------------------------------------------------------------------

import { useMutation, useQueryClient } from '@tanstack/react-query';
import { fetcher } from 'utils';
import { QueryKeys } from 'queries/keys';

export default function usePost({
  token,
}: {
  token: string;
}) {
  const queryClient = useQueryClient();


   return useMutation({
    mutationFn: () => {
      
     return fetcher(
        `someEndpoint`,
        {
          method: 'POST',
          body: {},
        },
        token
      );
    },
    onError: () => {
    
    },
    onSuccess: (data) => {
      queryClient.invalidateQueries({
        queryKey: [QueryKeys.KEY_VALUE],
      });
     
    },
  });
}



Hey Guys, facing this issue where the cache invalidation is working well for the first time but when I send the post request again after second click it is not working, can someone help me with what I am doing wrong here

The code above is the way I have structured my hooks
Was this page helpful?