Problem

splash 화면을 작업하기 위해 SessionStroage를 사용하려고 했습니다.
컴포넌트의 return문 안에 SessionStorage를 접근했더니 제목처럼 참조 오류가 났습니다.

Cause

Next.js는 서버사이드 렌더링이다보니 클라이언트 에서만 접근이 가능한 위 요소들에 접근이 되지 않습니다.

Solution

hooks라면 useEffect 안에서 사용하시고, class라면 componentDidMount 메소드 안에서 사용하시면 됩니다. 컴포넌트의 return문 안에서 사용하고 싶을 땐 저는 그 값을 state에 담아서 사용했습니다.