Need help to find out why my query is not marked as stale

// The data getting query:
const usePaymentDetails = (currentContract: string): UseQueryResult<IPaymentDetails | null, void> => {
  const queryClient = useQueryClient();

  return useQuery({
    queryKey: ['allPaymentDetails', currentContract],
    queryFn: () => {
      return getPaymentDetails(currentContract);
    },
    enabled: !!currentContract,
    onSuccess: (response) => {
      console.log('refetching payment details');
      queryClient.invalidateQueries({
        queryKey: ['currentPaymentDetails']
      });
      queryClient.invalidateQueries({ queryKey: ['nextPaymentDetails'] });
      return response;
    }
  });
};

// this query here is the troublemaker, so the queryClient is not running even though I am invalidating it after the get 
const useCurrentPaymentDetails = (
  currentContract: string
): UseQueryResult<{ out: IPaymentDetails; in: IPaymentDetails }, void> => {
  const queryClient = useQueryClient();
  return useQuery({
    queryKey: ['currentPaymentDetails', currentContract],
    queryFn: () => {
      const allPaymentDetails = queryClient.getQueryData<IPaymentDetails[]>(['allPaymentDetails', currentContract]);
      console.log('currentPaymentDetails', 'allPaymentDetails', allPaymentDetails);
      return allPaymentDetails ? getActiveDetail(allPaymentDetails) : { in: null, out: null };
    },
    enabled: !!currentContract
  });
};