Don'ts in useEffect

dont.js

// this does not work, don't do this:
React.useEffect(async () => {
  const result = await doSomeAsyncThing()
  // do something with the result
})

// this works:
React.useEffect(() => {
  async function effect() {
    const result = await doSomeAsyncThing()
    // do something with the result
  }
  effect()
})

// or even this works:
React.useEffect(() => {
  doSomeAsyncThing().then(result => {
    // do something with the result
  })
})