useAsyncFetch.js

import useAsyncEffect from '@n1ru4l/use-async-effect';

useAsyncEffect(
  function* (onCancel, c) {
    const controller = new AbortController();
    onCancel(() => controller.abort());
    
    const data = yield* c(search(controller));
  },
  [searchValue],
);

const search = controller => fetch('someURL', { signal: controller.signal }).then(r => r.json());