firebase authでリロード時に一瞬だけログアウト判定となってしまう

Question

Reactでアプリを作っており、認証機能にfirebase authを利用しています。
useAuthenticationの中ではfirebase.onAuthStateChangedメソッドでログインユーザーをlistenしています。
一応これでリロード時もログイン状態が維持されるのですが、loginUserに値が入る前のわずかな間だけログアウト判定となってしまいます。
その間をLoading表示にしたいのですが、うまいやり方はないでしょうか？

import React from 'react'
import useAuthentication from '@/hooks/useAuthentication'
import { login, logout } from '@/lib/firebaseAuth'

const Home = () => {
  const loginUser = useAuthentication()

  return (
    <div>
      <p>Index Page</p>

      {loginUser
        ? <button onClick={logout}>ログアウト</button>
        : <button onClick={login}>ログイン</button>
      }

    </div>

  );
}

export default Home