ERROR TypeError: queryClient.getMutationDefaults is not a function (it is undefined)

  const { mutate: joinChallenge } = api.challenges.join.useMutation();
 const handleJoinChallenge = () => {
      };
    joinChallenge({
      challengeId: id,
    });
  };

  const { mutate: joinChallenge } = api.challenges.join.useMutation();
 const handleJoinChallenge = () => {
      };
    joinChallenge({
      challengeId: id,
    });
  };