Как использовать useRef с React-toastify в компоненте класса

Question

Я успешно интегрировал response-toastify в onUploadProgress в функциональный компонент. Я не могу получить эту функциональность в своем компоненте класса, потому что он каждый раз создает новый тост из-за ссылки ref. Как использовать useRef в реакции или есть ли другое решение с createRef.

Это работает

 const toastId = React.useRef(null);
 onUploadProgress: p => {
    const progress = p.loaded / p.total;

    // check if we already displayed a toast
    if(toastId.current === null){
        toastId = toast('Upload in Progress', {
        progress: progress
      });
    } else {
      toast.update(toastId.current, {
        progress: progress
      })
    }
  }
}

Это не работает и дает повторение тосты

const toastId = React.createRef(null);

onUploadProgress: p => {
    const progress = p.loaded / p.total;

    // check if we already displayed a toast
    if(this.toastId.current === null){
        this.toastId = toast('Upload in Progress', {
        progress: progress
      });
    } else {
      toast.update(this.toastId.current, {
        progress: progress
      })
    }
  }
}