FirebaseのcurrentUserとonAuthStateChangedの使い分けはどのようにしたらよいでしょうか。

Question

ReactとFirebaseを使用しています。
FirebaseのcurrentUserプロパティとonAuthStateChangedメソッドの使い分けに疑問点があったのでご教示いただきたいです。

例えばログイン状態を判定する際、下記のそれぞれのコードでログイン状態を判定することができました。
ログイン方法はメールとパスワードによるログインではなく、SNSアカウントによるログインのみです。

firebase.auth().currentUserでログイン状態を判定する場合

const Header = () => {
  const currentUser = firebase.auth().currentUser;

  return (
    <>
      {currentUser ? <UserIcon /> : <LoginButton />}
    </>
  )
}

onAuthStateChangedでログイン状態を判定する場合

const Header = () => {
  const [currentUser, setCurrentUser] = useState(null);
  useEffect(() => {
    firebase.auth().onAuthStateChanged((user) => setCurrentUser(user));
  }, []);

  return (
    <>
      {currentUser ? <UserIcon /> : <LoginButton />}
    </>
  )
}

上記２種を比較すると、コード量が少ないcurrentUserを参照した方がよいのかなと思ったのですが、Firebaseのドキュメントはユーザーデータを取得する際はonAuthStateChangedを使用するよう説明しています。
認証状態オブザーバーを設定し、ユーザーデータを取得する

ログイン状態の判定およびユーザーデータの取得など用途によってこっちを使った方がよい、とか、そのほかそれぞれのメリットデメリットがあればご教示いただきたいです。