해당 페이지에서 쿼리값만 바뀌는 오류 수정

 

채팅방 입장하면 헤더부분에 물품이미지가 보이는데, 그 부분에 네비를 줘서 클릭을하면 해당 상품 페이지로 이동하도록 구현, 그런데 이게 다른 컴포넌트 페이지에서는 잘 이동이 되는데, 같은 디테일 페이지 내에서는 쿼리가 바뀌면서 리렌더링 되지만 디테일 페이지는 변하지 않는 에러가 발생. 

 

물품 이미지 부분을 눌렀는데 쿼리부분만 바뀌고 디테일 페이지는 수정 안되는 모습을 볼 수 있다.

리액트 라우터 돔 v.5.x에서 이런 에러가 많이 발생하고, v.6 버전대로 업데이트를 하면 해결 이 된다고 한다

그러나,

package.json에 보이는 버전은 v.6.xx 번대 버전으로 해당 되는 사항이 없었고, 라우터 설정시 꼬여 있으면 그렇다고해서, 확인을 하면서 , 최상단 루트에 index.tsx 브라우저 라우터 를 옮겨봤으나 역시 되지 않았다.

 

쿼리가 바뀐다는 말은 useParam이 작동한다는 뜻이고. use가 붙었다는 말은 useState나 useEffect 처럼 리랜더링 시킨다는 말인데, 리랜더링은 되나, 페이지가 변하지 않는 다는 것은 이상한일

그래서 해당 상세 페이지가 작동 하는 부분에 가서 useEffect 걸려 있는 부분에 dependency를 주었더니 이상없이 해결 되었다.