A question about what does it mean "the most specific match", and how routes are matched

[gnapse]

In the Quick Start Overview documentation the following fragment appears:

V6 is a lot smarter and will pick the most specific match so you don't have to worry about that anymore. For example, the URL /teams/new matches both of these route:

<Route path="teams/:teamId" element={<Team />} />
<Route path="teams/new" element={<NewTeamForm />} />

But teams/new is a more specific match than /teams/:teamId, so <NewTeamForm /> will render.

I want to know how this is not appearing to work as expected in the following example:

I have an app with the following two routes

<Route path="/app/:teamId/projects" element={<TeamProjectsPage />} />
<Route path="/app/label/:labelName" element={<LabelPage />} />

When I visit /app/123/projects I get the expected <TeamProjectsPage /> rendered. When I visit /app/label/hello, I get the expected <LabelPage />.

However, when I visit /app/label/projects, react-router takes me to <TeamProjectsPage /> with the param teamId equal to "label". That's not the intention. The intention is that it would get me to the labels page for the label "projects".

I would argue that the part /app/label from the second one makes it more specific than the first one. Am I wrong?

Also, the order in which I declare these two routes does not seem to matter.

[gnapse]

Hello. Can anyone here comment on this question?