تماس با دکمه لغو سفارشی در داخل react-toastify

import ApiCancelBtn from '../components/ApiCancelBtn';
import { toast } from 'react-toastify';

export class Service {
    ...     
    async handleApiCall(callAI) {
        ...
        toast.info(`🙂 We are thinking...`, {
          icon: false,
          autoClose: 30000,
          pauseOnHover: false,
          // custom button component call...
          closeButton: <ApiCancelBtn jobId={'jobId'} />,
        });
        ...
    }
    ...
}

import api from '../api';

const ApiCancelBtn = ({ jobId }) => {

  const handleCancel = async (jobId) => {
    await api.cancelJob(jobId);
  };

  return (
    <button 
       className="toast-custom-cancel-button" 
       onClick={()=> handleCancel(jobId)}
    >
      Cancel API Call
    </button>
  );
};

export default ApiCancelBtn;