[React] <React.StrictMode>

🤔 <React.StrictMode>?

CRA(create-react-app)를 통해서 react 프로젝트를 생성하면 index.js 파일에 <React.StrictMode> 라는 태그가 생기는데 이건 뭘까

강의 보는데 선생님이 주석처리하시길래 찾아봤다.
주석처리해도 딱히 에러가 뜨거나 하진 않고,, 이건 지워도 되는건가..? 싶은데

인터넷 찾아보니 리액트 공식문서에 따르면,
"StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. 
Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화합니다."
라고 소개되어 있다고 한다.

잠재적인 문제의 종류로는
1. 안전하지 않은 생명주기를 사용하는 컴포넌트 발견
2. 레거시 문자열 ref 사용에 대한 경고
3. 권장되지 않는 findDOMNode 사용에 대한 경고
4. 예상치 못한 부작용 검사
5. 레거시 context API 검사
꼭 index.js에 쓰지 않아도 되고 부분적으로도 사용해도 된다고 함.

개발모드에만 영향을 끼친다니, 잠재적인 이슈를 발견해준다는데 굳이 지우고 사용할 이유는 찾기 어려운 듯.

그래서 나도 그냥 냅둘라고 한다.