我试图实现身份验证引用this page。但我得到了这个错误。我不知道如何解决或调试。enter image description here

// _app.tsx
import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs'
import { SessionContextProvider, Session } from '@supabase/auth-helpers-react'
import { AppProps } from 'next/app'
import { useState } from 'react'

function MyApp({
  Component,
  pageProps,
}: AppProps<{
  initialSession: Session
}>) {
  // Create a new supabase browser client on every first render.
  const [supabaseClient] = useState(() => createBrowserSupabaseClient())
  console.log(supabaseClient)
  
  return (
    <SessionContextProvider
      supabaseClient={supabaseClient}
      initialSession={pageProps.initialSession}
    >
      <Component {...pageProps} />
    </SessionContextProvider>
  )
}

MyApp.getInitialProps = async (ctx: any) => {
  return {}
}

export default MyApp;

这是我的dir结构。enter image description here
当我看到pageProps的内部使用console.log时，没有initialSession。但我不知道，想知道注入数据的位置（initialSession）