¿Necesito utilizar await para acciones asíncronas en componentes de React?

Creé esta tienda:

export class CommentStore {
  comments = [];

  constructor() {
    makeAutoObservable(this, {}, { autoBind: true });
  }

  async loadPostComments(postId: number): Promise<void> {
    const res = await API.loadPostComments(postId);
    runInAction(() => {
      this.comments = res;
    });
  }

  async sendComment(postId: number, comment: Comment): Promise<void> {
    try {
      await API.sendComment(postId, comment);
      await this.loadPostComments(postId);
      return true;
    } catch (err) {
      console.log('oops');
    }
  }
}

¿Es necesario usar “await” en componentes de React? Por ejemplo:

useEffect(() => {
  (async function () {
    await loadPostComments(postId);
  })();
}, [loadPostComments, postId]);

Pero esto también funciona bien:

useEffect(() => {
  loadPostComments(postId);
}, [loadPostComments, postId]);

Lo mismo ocurre con “sendComment” onClick:

onClick={() => {sendComment(postId, comment)}}
onClick={async () => {await sendComment(postId, comment)}}

Entonces, ¿es necesario usar “await” en estas situaciones?