I have two mutate in a component.

 // first mutate

 const { mutate, isLoading } = useMutation(apiService.redeemCodeProduct, {
    onSuccess: (data) => {
      setRedeemProduct(data);
      setRedeemProductID(data.id);
    },
    onError: (error) => {
      error.status === 404
        ? enqueueSnackbar("The product was not found", { variant: "error" })
        : enqueueSnackbar("An unknown error occurred", { variant: "error" });
      handleClose();
    },
  });

  const handleSubmit = (e) => {
    e.preventDefault();
    const urlRedeemCode = new URLSearchParams(redeemCode);
    mutate(urlRedeemCode);
  };


  // second mutate

  const { mutateRedeemSubmit } = useMutation(apiService.redeemCodeProductSubmit, {
    onSuccess: () => {
      enqueueSnackbar("The product was redeemed", { variant: "error" });
      handleClose();
    },
    onError: () => {
      enqueueSnackbar("An unknown error occurred", { variant: "error" });
    },
  });

  const handleSubmitRedeem = (e) => {
    e.preventDefault();
    mutateRedeemSubmit({redeemProductID, redeemCode})
  };

the problem is how can I write different mutate names in a component? My error is that mutate is not function