저는 로그인 버튼 클릭하면 검정색으로 뜨는데 ,이 부분은 css 못 만지나요?
그리고 layout.js 분명 서버 컴포넌트가맞는데, 터미널에 `getServerSession` is used in a React Server Component. 라는 문구가 출력됩니다.
아래는 제 전체 코드에요..
import Link from 'next/link';
import './globals.css';
import { Inter } from 'next/font/google';
import LoginBtn from '@/component/LoginBtn';
import { getServerSession } from 'next-auth';
import { authOptions } from '@/pages/api/auth/[...nextauth]';
const inter = Inter({ subsets: ['latin'] });
export const metadata = {
title: 'Create Next App',
description: 'Generated by create next app',
};
export default async function RootLayout({ children }) {
// 서버컴포넌트,서버기능안에서 사용가능, 로그인 유저정보관련된기능
let session = await getServerSession(authOptions);
if (session) {
console.log(session);
}
return (
<html lang='en'>
<body className={inter.className}>
<div className='navbar'>
<Link href='/' className='logo'>
AppleForum 🍎
</Link>
<LoginBtn />
</div>
{children}
</body>
</html>
);
}