NextJS多页调用Firebase的useAuthState是否每次都会请求后端？

你当前的参考代码如下：

export default function Account() {
  const [user, loading, error] = useAuthState(getAuth())
  return (
    <Layout>
      <Box sx={{ mt: "3rem" }}>
        <Typography variant="h2">Welcome {user.displayName}!</Typography>
      </Box>
    </Layout>
  )
}

你在每个Next.js页面复用这套逻辑时，调用getAuth()不会每次都向Firebase后端发起请求，核心原因如下：

• getAuth()的本质是获取全局单例的Auth实例：只要你在项目中只初始化一次Firebase App实例，不管在多少组件、多少页面中调用getAuth()，返回的都是同一个已经初始化完成的Auth实例，这个调用本身不会触发任何后端请求。
• useAuthState是基于本地状态监听的hook：Firebase Auth默认会把用户的登录态、身份凭证持久化存储在浏览器的IndexedDB或LocalStorage中，Auth实例初始化时只会验证一次本地凭证的有效性，后续所有页面调用useAuthState都是直接读取本地缓存的状态，只有当token过期需要刷新、用户主动切换登录/登出状态时，才会和Firebase后端进行通信。
• 可选优化：你可以把这段鉴权逻辑封装成自定义的useAuth hook，或者通过React Context把user状态全局共享，进一步减少重复代码，也能避免多页面重复的状态判断开销。

内容的提问来源于stack exchange，提问作者engineer-x