File-based routing setup leads to missed matches

[shmuel-levinson-z]

Hi all,
I'm working on breadcrumbs for a large app. I'm using file based routing, here is the part of the tree that is of interest

When i navigate to ...settings/all-accounts the All Accounts component is rendered as expected (it is defined in the lower index.tsx file.

However when I navigate to ...settings/all-accounts/edit/user123 the component in $id/index.lazy.tsx is rendered as expected but the matches only include settings/all-users/edit/user123/. I would expect the settings/all-users/ to also be in the matches. How can I achieve this without changing the index.tsx / index.lazy.tsx combination?

Seems to me like the all-users route is being skipped for no good reason. Help would be appreciated!

PS. Logically there is no 'Outlet' in all-users here. The all-users is a completely standalone component and each user page is rendered in the same outlet as the all-users.

[schiller-manuel]

can you please provide a complete minimal example by forking one of the existing stackblitz router examples?

[Shmuel-Levinson]

https://stackblitz.com/edit/tanstack-router-555pqlqo?file=src%2Froutes%2F__root.tsx

[schiller-manuel]

you dont have an explicit route defined in all-users, so there wont be a match.

[Shmuel-Levinson]

and the fact that there is an index.lazy.tsx in all-users doesn't define an explicit route? examining the routes section in devtools we can clearly see that route exists. what am i missing? thanks

[schiller-manuel]

no. an index route is a leaf. it does not define an intermediary route. if you wanted that, you needed to add a "route.tsx" for example inside of all-users or a all-users.tsx next to all-users folder

btw for detailed discussions its best to join our discord at https://discord.com/invite/WrRKjPJ