# react-naver-maps 에러

###### tags: `trouble shooting`

### 문제점
- 블로그와 공식문서를 참고하여 react-naver-maps로 지도를 설정했을 때, document is not defined라는 에러가 발생하였다
- 아마 next js 의 SSR을 할때 document를 찾지 못해서 발생한 오류인 것 같았다
### 해결방법
- 이를 해결하기 위해 nextjs의 dynamic을 사용하였다
- map 컴포넌트를 불러올때 ssr: false 옵션을 주어 브라우저가 랜더링 되고 나서 호출하게 만들어서 문제를 해결할 수 있었다.

const Map = dynamic(() => import('../../components/reusable/NaverMap'), {
  ssr: false,
});