Nivo 라이브러리 resizeObserver 오류해결

Nivo를 이용해서 플레이어와 같은 팀의 딜량을 출력하는 것을 만들고있다.
Nivo 라이브러리를 사용하기 시작하면서 Refresh하게되면 resizeObserver is not defined 오류가 계속 나왔는데
오늘 해결하려한다.

우선 왜 아래와 같은 오류가 나오는지 알아야했다.

resizeObserver is not defined

찾아보니 이 오류는 SSR환경에서 HTML을 렌더링할때 없는 것들(window 등)을 렌더링 하려고 할 때 나타날 수 있다.(아직 구체적으로 알아내지는 못했다 ㅠ)
나는 이 것을 보고 nivo와 연관이 있을 수 있다고 생각했고
Nivo ResponsiveBar graph를 Dynamic import 해보기로했다.

import DealGraph from "../api/DealGraph";
>>> const DealGraph = dynamic(() => import("../api/DealGraph"), { ssr: false });

감쪽같이 해결됐다..
왜 되는건지는 모름 나중에 글 수정 예정