'use client'
import '../styles/globals.css'
import {Inter} from 'next/font/google'
import Header from "@/component/header";
import TopButton from "@/component/topbutton";
import {SessionProvider} from "next-auth/react";
const inter = Inter({subsets: ['latin']})
// export const metadata = {
// title: 'Create Next App', description: 'Generated by create next app',
// }
export default function RootLayout({children ,}) {
return (
<html lang="en">
<body className={inter.className}>
<SessionProvider>
<Header/>
</SessionProvider>
{children}
<TopButton/>
</body>
</html>)
}
이렇게 Header 만 SessionProvider로 감싸줘야 제대로 받아와 지네요.....ㅠㅠ
다른 레퍼런스 보면 SessionProvider를 컴포넌트로 따로 빼줘와서 import 하는 식으로 하는 레퍼런스가 많아서 혹시나 해서 해봤는데 그저 nextjs의 오류 인가요?
그리고 layout.js 에 SessionProvider를 넣으려면 'use client'를 넣어줘야 하는데 이렇게 최상단을 클라언트 컴포넌트로 만들면 SEO 에 문제가 생기지 않나요??
