Understanding where/when I need to use onAuthStateChanged() - Firebase / Next.js

Question

This is the index.js page to a project built from the with-firebase-authentication example (Next.js)

const Index = () => {
  const { user, logout } = useUser()