[Nextjs] client side 에서 useEffect 가 2번 실행 (?)

Next.js에서 useEffect가 두 번 실행되는 이유는 React의 strictMode 때문일 수 있다.

strictMode는 기본적으로 true로 설정되어 있다.

 

next.config 파일 설정을 변경해줘야한다.

const nextConfig = {
	reactStrictMode: false,   
}

reactStrictMode 란 ?

우리가 만드는 application 내에서 문제가 일어날 수 있는 부분에 대한 경고를 알려주는 기능이다.