Using Effect to Debounce and Cancel Async Calls in React

Hey! I have a react component which has some state called

searchTerm

searchTerm

. I want to debounce this for 300ms, then call an async

search

search

function and get the result. If

searchTerm

searchTerm

changes before the async call completes I want to cancel (i.e. ignore) the previous search and start a new one. Is that a good use-case for Effect?

Using Effect to Debounce and Cancel Async Calls in React - Effect Community