Open2023/07/24にコメント追加2

読者コミュニティ｜【NextAuth.js 入門】認証機能から認証情報によるページの表示制御を学ぶ（Next.js & Typescript）

FarStep 2022/10/08

本の感想や質問をお気軽にコメントしてください。

手羽先 2023/07/25に更新

感謝

プログラミング勉強中の者です。とにかく最高の本です！！！丁寧でわかりやすい情報をありがとうございます🙏 特にエラーも出ず、サクサクと進めることができました。

ただ、些細な部分ではエラーが存在したので、私でも何か貢献できないかと共有させていただければなと思います。

私の環境

Next13
M2Mac

{
  "dependencies": {
    "@auth/prisma-adapter": "^1.0.1",
    "@prisma/client": "^5.0.0",
    "@types/node": "20.4.4",
    "@types/react": "18.2.15",
    "@types/react-dom": "18.2.7",
    "autoprefixer": "10.4.14",
    "eslint": "8.45.0",
    "eslint-config-next": "13.4.12",
    "next": "13.4.12",
    "next-auth": "^4.22.3",
    "postcss": "8.4.27",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "tailwindcss": "3.3.3",
    "typescript": "5.1.6"
  },
  "devDependencies": {
    "prisma": "^5.0.0"
  }
}

発生したエラー

prisma-adapter

import { PrismaAdapter } from "@next-auth/prisma-adapter"; //importエラー発生
import { PrismaAdapter } from "@auth/prisma-adapter"; //こちらで解決

Linkのchild

            <Link href="/secret">
                <a className="ml-5">SecretPage</a>
            </Link>

Nextのバージョンの問題だと思います。Linkの中にaタグを入れられなくなっていました。pタグにして解決いたしました。