Async in onMount OK?

Is the following pattern OK?

export const AppUI: Component = () => {
  onMount(async () => {
    // await ...
  })

  return (
    <div>
       ...
    </div>
  )
}

export const AppUI: Component = () => {
  onMount(async () => {
    // await ...
  })

  return (
    <div>
       ...
    </div>
  )
}

export const AppUI: Component = () => {
  onMount(async () => {
    // await ...
  })

  return (
    <div>
       ...
    </div>
  )
}

export const AppUI: Component = () => {
  onMount(async () => {
    // await ...
  })

  return (
    <div>
       ...
    </div>
  )
}

I've always used it, but now Biome added https://biomejs.dev/linter/rules/no-misused-promises/ and it thinks it's an error, because

"This function returns a Promise, but no return value was expected.
This may not have the desired result if you expect the Promise to be

await

await

await

await-ed."

Biome

noMisusedPromises

Learn more about noMisusedPromises

Async in onMount OK?

Similar Threads

Similar Threads

Similar Threads