yarn dev로 development 모드에서 개발 중일때 useEffect 내의 코드가 두 번 호출된다. hydration 이후에 업데이트를 하므로 2번 호출되는 것은 정상적인 동작이지만, 이러한 behavior를 원하지 않을 때가 있다. 그럴경우 next.config.js에서 reactStrictMode를 false로 바꾸어주면 된다.
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: false,
}
module.exports = nextConfig
관련해서 더 많은 정보를 얻고싶다면, github 이슈를 참고하면된다.
'프로그래밍 > JS, Node.js' 카테고리의 다른 글
| [Next.js] next/image 이미지 로딩이 너무 느릴때 (0) | 2022.08.05 |
|---|---|
| [Next.js] MongoDB 연결하기 (next-connect, typescript) (0) | 2022.06.26 |
| [Next.js] process.env가 undefined로 나올때 (0) | 2022.06.25 |
| 네이버 카페 댓글 사진 일괄 다운받는 방법 (0) | 2022.05.23 |
| [Javascript] Canvas 태양, 지구와 달 애니메이션 그리기 (Circle animation) (0) | 2022.01.11 |