What is the best way to use async/await inside onAuthStateChanged() of Firebase?

Question

I'm using Firebase authentication with async/await in React Native. I'm looking for a better way to await inside firebase function. So my question is What is the best way to use async/await inside firebase.auth().onAuthStateChanged() ?

Now, I implement it in this way. Create a async function inside onAuthStateChanged() and call itself. Like the example below... However, I think it looks weird.

firebase.auth().onAuthStateChanged(user => {
  const asyncFunc = async () => {
    await doSomething();
  }

  asyncFunc();
});

Is there any better way to implement it?

Thank you for your answer.

Answer 1

firebase.auth().onAuthStateChanged(async user => {
  const data = await getData();
  const action = await doSomething();
  // etc.
});


// also you can use
async function asyncHandler(user) {
    const data = await doSomething();
}

firebase.auth().onAuthStateChanged(asyncHandler);