프로그래밍/JS, Node.js

[Next.js] 개발 모드에서 useEffect가 두 번 호출될때

Lou Park 2022. 6. 25. 22:36

yarn dev로 development 모드에서 개발 중일때 useEffect 내의 코드가 두 번 호출된다. hydration 이후에 업데이트를 하므로 2번 호출되는 것은 정상적인 동작이지만, 이러한 behavior를 원하지 않을 때가 있다. 그럴경우 next.config.js에서 reactStrictMode를 false로 바꾸어주면 된다.

 

/** @type {import('next').NextConfig} */

const nextConfig = {
  reactStrictMode: false,
}

module.exports = nextConfig

 

관련해서 더 많은 정보를 얻고싶다면, github 이슈를 참고하면된다.