[Next.js] document is not define 오류

서버에서 웹 페이지를 렌더링할 땐 window, document등의 object가 없기 때문에 위 캡쳐처럼 선언할 경우 오류가 발생한다.

컴포넌트가 시작할때 선언해주고

useEffect 안에 할당해주는 것으로 해결!