When aborting the event source using abort controller, no callbacks (onError / onClose) are fired

[yogesh200002]

When aborting the request using abortController, fetch will throw a error with AbortError as name to identify whether it is aborted by the user or not. But when abort is used on fetchEventSource, neither onClose or onError are fired. onError should be throwing a error when this happens. Due to this, we have to wire up logics differently due to this shortcoming..

[yogesh200002]

For the people who stumble upon this issue, to handle AbortEvent properly, add a listener in the signal first and then pass it to the fetchEventSource

Example:

const abortController = new AbortController()

abortController.signal.addEventListener("abort", () => {
   // Handle abort logic in this 
});

// Then pass it to the fetchEventSouce
fetchEventSource(url,{
   signal: abortController.signal
})