Preventing memory leak by handling errors and request cancels separately in Axios

I am currently working on a custom hook in a React application. The hook simply makes an API request to a third party API and fetches some data. My Axios call updates the state of the hook with some data or an error message, based on the response from the API call. I encountered a problem in the implementation and it took me a while to figure out. In this post, I am sharing my solution.

Preventing memory leak by handling errors and request cancellations separately in Axiosdevamı...