useEffect(), React.StrictMode 그리고 Next.js
useEffect
callback에서 log를 남겨보면 아무리 간단한 component를 만들어도 두 번 호출된다- React Hooks: useEffect() is called twice even if an empty array is used as an argument 을 보니 React.StrictMode 를 사용하면 dev mode일 때만(production mode에선 아님) 오류 검증을 위해 두 번 호출된다고 함.
- 특별히 strict mode를 지정한 적이 없어서 확인해 보니
next.config.js
에reactStrictMode: true
라고 되어있다. Next.js를 사용하면 저절로 설정된다