How to get FileRouteByTo from beforeLoad context.matches

[nathanael-ruf]

I have the following use case:
A navbar that has a bunch of links where some of them are only visible to admins.
If you manually navigate to one of the admin-only routes you get redirected.
(TeamState is a class with with MobX observables).

My code looks something like:

routes/teams/$teamId.tsx

export const Route = createFileRoute('/teams/$teamId')({
    beforeLoad: async c => {
        // ...
        await redirectIfUnauthorized(
            c.context.states.team,
            c.matches.map(m => m.???),
        );
    },
});

utils/routing.ts

export const redirectIfUnauthorized = async (
    teamState: TeamState,
    routeMatches: (keyof FileRoutesByTo)[],
): Promise<void> => {
    if (!teamState.team) {
        throw redirect({to: '/teams'});
    }

    if (
        routeMatches.some(r => adminRoutes.includes(r)) &&
        teamState.team.role !== Role.Admin
    ) {
        throw redirect({
            to: '/teams/$teamId/workspaces',
            params: {teamId: `${teamState.team.id}`},
        });
    }
};

export const adminRoutes: (keyof FileRoutesByTo)[] = [
    '/teams/$teamId/x',
    '/teams/$teamId/y',
    '/teams/$teamId/z',
];

components/Navbar.tsx

export const Navbar = (): JSX.Element => {
    const {teamId} = useParams({from: '/teams/$teamId'});
    const {teamState} = useStates();
    return (
        <NavigationMenu>
            <NavigationMenuList>
                {createNavbarItems()
                    .filter(
                        ({route}) =>
                            !adminRoutes.includes(route) ||
                            teamState.team.role === Role.Admin,
                    )
                    .map(({icon, label, route}) => (
                        <NavItem
                            key={route}
                            icon={icon}
                            label={label}
                            route={route}
                            teamId={teamId}
                        />
                    ))}
            </NavigationMenuList>
        </NavigationMenu>
    );
};

I want to have one list of admin routes as the source of truth for both the navbar item rendering and the redirect logic. Currently I have this list typed as (keyof FileRoutesByTo)[] as FileRoutesByTo is required by the to prop of Link.
But in context.matches in beforeLoad I can only get routeId which is of type FileRoutesById and fullPath which is of type FileRoutesByFullPath which seems to be a superset of FileRoutesByTo (includes additional entries with trailing slashes that are not present in FileRoutesByTo)

What is my best option here?
Thanks!

[schiller-manuel]

you should be able to convert paths and ids via router.routesById and router.routesByPath