T
TanStack5mo ago
harsh-harlequin

masked subroute in file based routing

i have an / (index.tsx) route in my tanstack start project. i want to set up a masked route, something like /filters or /?show_filters that shows the filter drawer. however, i want to mask the route. https://tanstack.com/router/latest/docs/framework/react/guide/route-masking i can't seem to figure out how to set it up as a sub route (index.filters.tsx has router set the path to /index/filters)
Route Masking | TanStack Router React Docs
Route masking is a way to mask the actual URL of a route that gets persisted to the browser's history and URL bar. This is useful for scenarios where you want to show a different URL than the one that...
2 Replies
harsh-harlequin
harsh-harlequinOP5mo ago
the main problem i'm stumbling upon is i can't figure out how to set up a subroute under "/" and actually, i think i want both routes to point to the same component and just manage by chekcing isRouteActive
sensitive-blue
sensitive-blue5mo ago
an index route cannot have a child route index is a leaf

Did you find this page helpful?