How do you handle active route states? | TanStack | Page 1

pulsar smelt Sep 3, 2025, 5:06 PM

#

What are the best practice to check which route is active?

#

How do you handle active route states?

atomic helm Sep 3, 2025, 5:19 PM

#

depends on what for you need that information

#

give more context please

pulsar smelt Sep 3, 2025, 5:33 PM

#

I have a sidebar and I want to add some highlighting on the sidebar items.
For example, home, posts, profile

If I navigate to profile/edit I want my profile item to be highlighted

#

I can do router.state.location.pathname.startsWith("/profile") and it seem to work

#

but how do I check dynamic routes like /profile/$username/edit?

#

Is there a way to do so, or do I have to parse the username in the string before checking?

#

like: router.state.location.pathname.startsWith(/profile/${usernameVar}/edit)

atomic helm Sep 3, 2025, 6:00 PM

#

router.state.matches is typesafe

pulsar smelt Sep 3, 2025, 6:08 PM

#

is this similar as useMatches?

atomic helm Sep 3, 2025, 6:08 PM

#

uses same data yes

#How do you handle active route states?