Shallow Routing

Shallow Routing은 useEffect를 활용하여 사용한다. 앱이나 웹으로 이동했을때 같이 환경이 바뀔때마다 url이 상태 그대로 저장되어 있어야하는데 이럴때 필요한게 얕은복사 Routing 이다.
router.push 안에서 shallow의 값을 true로 넣어주게되면 알아서 얕은복사가 실행되게 된다.

router.push(format({
      pathname,
      query: {
        ...query, place: query?.place ?? (place || '부산'), active2: 'true', active3: 'true',
      },
    }),
    undefined, { shallow: true });

참조 : https://post.naver.com/viewer/postView.nhn?volumeNo=29116858&memberNo=10070839