(layout.js)
import Link from "next/link";
import "./globals.css";
import LoginBtn from "./LoginBtn";
import LogOutBtn from "./LogOutBtn";
import { getServerSession } from "next-auth";
import { authOptions } from "@/pages/api/auth/[...nextauth]";
export default async function RootLayout({ children }) {
await getServerSession(authOptions);
return (
<html lang="en">
<head />
<body>
<div className="navbar">
<Link href="/">메인메뉴</Link>
<Link href="/">운동추천</Link>
<Link href="/list">게시판</Link>
<Link href="/write">게시글 작성</Link>
<Link href="/register">회원가입</Link>
{session ? (
<span>
{session.user.name} <LogOutBtn />
</span>
) : (
<LoginBtn></LoginBtn>
)}
</div>
{children}
</body>
</html>
);
}
로 코드를 작성했는데
Unhandled Runtime Error
Error: session is not defined
20 | <Link href="/register">회원가입</Link>
21 |
> 22 | {session ? (
| ^
23 | <span>
24 | {session.user.name} <LogOutBtn />
25 | </span>
session is not defined 에러가 발생합니다 원인이 뭘까요?
