React-helmet Maximum call stack size exceeded 버그 수정

남양주개발자

·

2019. 7. 31. 00:30

728x90
반응형

개인 프로젝트를 진행하는 도중에 maximum-call-stack-size-exceeded 에러를 마주하게 되었는데, 코드를 아무리 분석해봐도 디버깅을 할 수 없었다. 그러던 와중에 deep-equal이라는 부분에서 에러가 남을 뒤늦게 확인하고 디버깅을 시작했는데 아뿔사 component -> actionCreator -> reducer -> component 에서 데이터를 새로 바인딩하는 도중에 에러가 발생한 곳이 hoc로 구현해놓은 react-helmet 부분이었다.. 정말 어이가 없다. 해결 방법은 굉장히 심플하다.

Before:

<Helmet>
    <title>test</title>
</Helmet>

After:

<Helmet
    title="test"
/>

children 구문으로 jsx 파싱을 하지 말란다.

아래는 에러가 발생한 구문스크린샷 2019-04-16 오후 5.27.24

소름돋는건 development 모드에서는 재현이 안되고 production에서만 발생한다는 점이다. 그래도 이틀 동안 이 부분 때문에 굉장히 스트레스 받았는데 다행히 잘 해결했다!

728x90
반응형

'개발 > React' 카테고리의 다른 글

React-helmet Maximum call stack size exceeded 버그 수정  (0) 2019.07.31

💖 저자에게 암호화폐로 후원하기 💖

아이콘을 클릭하면 지갑 주소가자동으로 복사됩니다

0개의 댓글