로그인페이지(/user-page)에서 footer컴포넌트를 안띄우는 기능을 구현하고싶어
footer 컴포넌트를 csr 방식으로 사용하도록 'use client' 줬습니다.
근데 error ReferenceError: window is not defined 라는 에러가 뜨면서 적용이 안되네요ㅠㅠ
nextjs는 ssr이니까 window에 접근하기 위해선 'use client'를 주면 된다고 들었는데 왜 안되는걸까요??
찾아보니까 useEffect 쓰라해서 useEffect도 써봤는데 에러가 뜨진않지만 여전히 적용안되더라구요.
문제점 알려주시면 감사하겠습니다ㅠㅠㅠ
<footer.tsx 파일>
'use client'
import React, { useEffect } from 'react'
import style from '../styles/footer.module.scss'
const Footer = () => {
if (window.location.pathname === '/user-page') return null
return (
~~footer jsx영역~~
)
<루트 layout.tsx 파일>
'use client'
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="ko">
<body className={inter.className}>
<div className="wrap bg-white">
<Header />
{children}
<Footer />
</div>
</body>
</html>
)
