[解決済み] next-authでカスタムメールのサインインページを作成する際に "next-auth/react "モジュールが見つからない。

質問

NextJsのアプリケーションで、認証部分をnext-authで作っています。 メールサインインは、next-auth自身のデフォルトページを使って、正常に実装されています。

しかし、今度はカスタムサインインページを持ちたいと思います。私は ドキュメント を追加し、さらに pages: { signIn: '/auth/signin' } を私の [...nextauth].js ファイルに追加してください。それから、与えられた メールサインインコード で ページ/auth/signin.js . しかし yarn dev モジュールが見つかりません。

error - ./pages/api/auth/signin.js:1:0
Module not found: Package path ./react is not exported from package C:\...\node_modules\next-auth (see exports field in C:\...\node_modules\next-auth\package.json)
> 1 | import { getCsrfToken } from "next-auth/react"
  2 | 
  3 | export default function SignIn({ csrfToken }) {
  4 |   return (

Import trace for requested module:

https://nextjs.org/docs/messages/module-not-found

また、npmやyarnのサイトを見ても、「next-auth/react」という名前のモジュールは見つかりませんでした。 node_modulesのnext-authフォルダにも、「react」という名前のファイルはありません...。

どうすれば解決できますか？また、私はここで何か間違ったことをしているのでしょうか？

解決方法は？

私は同じ問題に直面し、そのドキュメントが v4 ここで next-auth/react が使用されます。

あなたはおそらく v3 ここで next-auth/client が代わりに使用されます。

ベータ版を使用するには、次のようにします。

➜ npm i next-auth@beta