reactjs - 尝试实现 NextJS + Supabase auth 时挂钩调用无效

Question

我只是想通过一个全新的 NextJS 应用程序获得一个简单的身份验证流程。

具体来说，我正在关注本教程，我被困在构建我们的登录界面部分。

_app.ts

export default function App({ Component, pageProps }: AppProps) {
    return <Component {...pageProps} />
}

index.js

export default function Home() {
  return (
    <div>
      <Auth.UserContextProvider supabaseClient={supabase}>
        <Container supabaseClient={supabase}>
          <Button onClick={() => signIn(supabase)}>Log in</Button>
        </Container>
      </Auth.UserContextProvider>
    </div>
  )
}

这个问题似乎特别来自 Auth.UserContextProvider 的使用，就好像我注释掉它的Container内部一样，我仍然得到同样的错误。不知道这里有什么问题。

我尝试了两个单独的教程，它们都在使用 Auth.UserContextProvider 时产生错误