인프런 커뮤니티 질문&답변

useEffect를 이용해서 얼럿띄우면 두 번씩 뜨길래 컴포넌트마다 useEffect로 마운트 언마운트 얼럿을 띄워보았더니 App 콤포넌트가 처음에 마운트되었다가 바로 언마운트 되고 다시 마운트가 되는 현상을 발견했는데, 원인을 찾아보니 index.js에서 render 부분이 아래와 같을 때 나타나는 현상으로 보입니다. 이유를 알수 있을까요?

• react & react-dom v18.2.0에서 app 생성 시 코드

• React.StrictMode 삭제 시에는 재 마운트 현상 없음.

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
  <BrowserRouter>
    <App />
  </BrowserRouter>
  </React.StrictMode>
);