🗂 WIL/📁 Next.js

sessionStorage is not defined?

Next.js 에서 PrivateRoute 구현 중에 발생한 문제다. sessionStorage 오타인 줄 알고 다시 입력했지만 똑같은 문제가 발생했다. 😅 문제 발생 이유 다행히 공식 문서에 자세히 설명되어 있다! Next.js 는 client-side Rendering 하기 전에 server-side Rendering을 하기 때문에, server에서는 sessionStorage에 접근할 수 없기 때문이다! 해결 방법 1. window 객체가 존재할 때 => sessionStorage에 접근하면 정상적으로 동작된다! 2. useEffect를 사용하자. => useEffect는 CSR에서 동작하기 때문! if (typeof window !== 'undefined') { const accessToken =..