[Next.js] reactStrictMode

https://nextjs.org/docs/app/api-reference/config/next-config-js/reactStrictMode

Good to know
: Since Next.js 13.5.1, Strict Mode is true by default with app router, so the above configuration is only necessary for pages. You can still disable Strict Mode by setting reactStrictMode: false.

출처 | https://nextjs.org/docs/app/api-reference/config/next-config-js/reactStrictMode

Next.js에서는 next.config.js에 reactStrictMode를 따로 설정(true)해주지 않아도 default로 true로 설정됩니다.

 

next.config.js에 어떤 strictMode에 대한 설정도 하지 않았음에도 불구하고 계속 랜더링이 두 번이나 돼서 reactStrictMode: false를 설정해주었더니 한번만 실행되었습니다.

(다른 이유가 있는 줄 알고 상태만 뚫어지게 쳐다봤던 오전의 나 반성..)

 

Next.js 팀은 Strict Mode를 사용하는 것을 권장하지만 <React.StrictMode>를 통해 page by page로 적용할 수 있다고도 설명하고 있습니다.