- TanStack Router의
useRouterState훅을 사용하여 라우트 변경을 감지하고, React 컴포넌트를 반응형으로 만들 수 있습니다. 💡 routerState.location을 통해 현재 URL의 경로와 href를 얻을 수 있습니다. 🗺️routerState.status를 이용하여 라우팅 상태(pending, idle)를 확인하고 로딩 표시기를 구현할 수 있습니다. ⏳Link컴포넌트의activeprop을 활용하여 활성 링크를 쉽게 표시할 수 있습니다. ✅router.state도 라우터 상태에 접근할 수 있지만, 반응형이 아니므로useRouterState를 사용하는 것이 좋습니다. ⚠️routerState.location.pathname을 사용하여 특정 경로에 따라 UI를 동적으로 변경할 수 있습니다. 📍

![[팩폭주의] 무엇이든 물어보세요](https://i1.ytimg.com/vi/ppf9EwxVtM8/hqdefault.jpg)



