I am trying to refetch in my onPress, however, I get the following error - How can I refetch in my function?

Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '["mlp-rewards",null]'

Component:

export const Footer = ({ reward }: Props) => {

  const { data: link, isSuccess, refetch } = useGetMLP(reward?.mlpId);

  const openInWebView = () => {
    if (reward) {
      refetch();

      setButtonLoading(true);
      if (isSuccess) {
        if (link) {
          navigate
        } else {
          do nothing
        }
      }
    }
  };

query:

export function useGetMLP(rewardTitle?: string) {
  return useQuery({
    queryKey: [REWARDS_QUERY_KEYS.MLP_REWARDS, rewardTitle],
    queryFn: rewardTitle ? () => getMlpOffers(rewardTitle) : skipToken,
    enabled: false,
  });
}

service call:

export async function getMlpOffers(mlpId?: string) {
  try {
    const response = await get<MobileApiContract.Models.RewardMlp>(
      API_MLP_REWARDS,
      undefined,
      { mlpId },
      false,
    );

    return response.payload;
  } catch (error) {
    logCustomException(`Error getting rewards mlp ${mlpId}`, error);
    throw error;
  }
}