Memory leak when component unmount before fetch done

[Dot-H]

Hi 👋

Problem

The fetchURL function sets the loading and result states in an asynchronous callback. If the component has been unmounted in the meantime, this results to a memory leak.

Reproduction

Just put the ReactTinyLink component in a modal, close the modal before the fetch is done "et voilà" 🚰

Possible fix

You could use a cleanup function in your useEffectAsync which cancels the fetch and sets a variable which prevents the fetchURL to set the state.