Is there any way to prevent useSession returning undefined on page reload?

[khaiyuanyap]

My current solution is to use useTimeout to delay the UI displaying the user profile.

[ta-vroom]

I'm new to Next.JS, but I think you need to use server side rendering and do something like this:

export async function getServerSideProps(context: any) {
  const session = await getSession(context)
  return {
    props: { session }
  }
}