팀원이 react 18버전으로 올렸다고 해서 받아왔더니 갑자기
ResizeObserver loop completed with undelivered notifications.
at handleError (http://localhost:어쩌구저쩌구...이런 에러가 남
호고곡,,,
이렇게 저렇게 원인 파악을 하다 보니
모바일이나 태블릿 사이즈 화면에서는 에러가 안나고 데스크탑 사이즈 화면에서만 저 에러가 뜸
데스크탑 사이즈에서만 나타나는 컴포넌트가 있나? 찾아보다가
특별히 의심가는게 없는데..? 하다가 혹시? 하고 recharts 그래프를 지워봤더니 에러가 사라짐
원인은 recharts의 responsive container 였음
해결방법
<ResponsiveContainer width="100%" height="100%" debounce={300}>
...
</ResponsiveContainer>debounce를 줘서 해결함
Frontend Developer