Showcase how to use refs + hooks to only have a single request at a time

oneRequestOnly.js

// in some file

const request = useRef();

useEffect(() => {
   if (request.current !== undefined) {
     request.current.cancel("Cancelled");
   }

   request.current = axios.CancelToken.source();

   axios
    .post('http://myawesomeurl', {
      somedatahere: somedata
    }, {
      cancelToken: request.current.token   
    })
    .then(data => console.log(data)
    .catch(err => console.log(err);
});