[React.js/Next.js] useEffect가 2번씩 호출 될 때 해결 방법

[React.js/Next.js] useEffect가 2번씩 호출될 때 해결 방법

 

useEffect 훅이 2번씩 호출 되는 경우가 있다.

 

React.js의 경우 StrictMode 컴포넌트로 감싸 져 있는 부분을 제거하면 되고,

Next.js의 경우 next.config.js에서 reactStrictMode를 false로 변경해주면 된다.

 

StrictModel에 대한 정보는 아래 리액트 공식문서를 확인하자

 

https://ko.reactjs.org/docs/strict-mode.html