컴포넌트 넘어가지 않는 문제

강사님 안녕하세요.

질문란에 다른 분들이 많이 질문하신 것 같지만
대부분은 path를 /products/:id가 아닌 /product로 하셔서 그런 경우가 많은 것 같습니다.

제 경우에는 products/:id로 했음에도 불구하고 
아이템을 클릭했을 시 url만 변경되며 컴포넌트는 변경되지 않고, 새로고침을 하면 그제서야 넘어가는 문제가 발생하여 구글링을 통해 여러가지를 시도해봤지만 되지 않다가 index.js에서 아래와 같이 <React.StrictMode>를 지우니 해결이 되었습니다.
이 해결방법 찾는데만 거의 2시간이 걸렸던 것 같네요..ㅠㅠ

아래 리액트 공홈에서 Strict에 대하여 읽어보기는 했지만 사실 100% 이해하기는 조금 어려운 것 같습니다.

https://ko.reactjs.org/docs/strict-mode.html

npx 혹은 npm을 통해 리액트를 생성하면 자동으로 Strict모드로 설정된다고 하는데, 왜 이 Strict모드가 설정이 되면 url만 변경되고 컴포넌트는 바로 변경되지 않는 문제가 발생하는 건가요?

그리고 Strict모드는 개발 환경에서만 작동하고 실제 배포하면 저절로 작동하지 않는다는데, 개발과정에 Strict 모드를 없앤 상태로 진행해도 괜찮을까요?