Auth error with Next.js example

// pages/login.tsx

import { useSessionContext, useUser } from '@supabase/auth-helpers-react'

const LoginPage = (): JSX.Element => {
  const { isLoading, session, error, supabaseClient } = useSessionContext()
  const user = useUser()

  if (isLoading || !user) {
    return <>Not login</>
  }

  return (
    <div className="flex h-screen">
      <h1>Test</h1>
    </div>
  )
}

export default LoginPage

// pages/login.tsx

import { useSessionContext, useUser } from '@supabase/auth-helpers-react'

const LoginPage = (): JSX.Element => {
  const { isLoading, session, error, supabaseClient } = useSessionContext()
  const user = useUser()

  if (isLoading || !user) {
    return <>Not login</>
  }

  return (
    <div className="flex h-screen">
      <h1>Test</h1>
    </div>
  )
}

export default LoginPage

// _app.tsx

import '../styles/globals.css'
import type { AppProps } from 'next/app'
import { SessionContextProvider } from '@supabase/auth-helpers-react'
import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs'

const App = ({ Component, pageProps }: AppProps) => {
  const [supabaseClient] = useState(() => createBrowserSupabaseClient())

  return (
    <SessionContextProvider
      supabaseClient={supabaseClient}
      initialSession={pageProps.initialSession}
    >
      <Component {...pageProps} />
    </SessionContextProvider>
  )
}

export default App

// _app.tsx

import '../styles/globals.css'
import type { AppProps } from 'next/app'
import { SessionContextProvider } from '@supabase/auth-helpers-react'
import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs'

const App = ({ Component, pageProps }: AppProps) => {
  const [supabaseClient] = useState(() => createBrowserSupabaseClient())

  return (
    <SessionContextProvider
      supabaseClient={supabaseClient}
      initialSession={pageProps.initialSession}
    >
      <Component {...pageProps} />
    </SessionContextProvider>
  )
}

export default App