Cancellation

The ask here is:

• suspend accepts a first parameter that is an AbortSignal.
• when the component is unmounted - abort the controller associated with the signal.

e.g.

function Post({ id, version }) {
  const data = suspend(async ({ signal }) => {
    const res = await fetch(`https://hacker-news.firebaseio.com/${version}/item/${id}.json`, { signal })
    return await res.json()
  }, [id, version])
  return (
    <div>
      {data.title} by {data.by}
    </div>
  )
}

Basically allowing aborting expensive async actions.

[drcmda]

im glad you asked, because there aren’t any. by all means … add some 😄

[drcmda]

about the call signature, maybe:

async function fn([a, b, c], { signal }) {
  ...
}

useSuspend(fn, [a, b, c])

so keys come out as they go in (as an array, no spread), second arg is an extensible object that could later be built out.