Child routes with path="/" can't be matched

I'm looking to group a very large amount of routes under a multi-tenant context such as https://acme.com/mytenant

This url should pull tenantName = mytenant and hit the / Route.

This works fine:

        <Route
          path="/:tenantName/"
          Component={loadable(() => import('./DashboardPage'))}
        />

But this does not:

<Route path="/:tenantName">
    <Route
      path="/"
      Component={loadable(() => import('./DashboardPage'))}
    />
</Route>

Are path props overrides or are they additive?

Start by reproducing the nested Route example for /:tenantName with a child path of "/", then trace the route matching and path handling entry points. Confirm whether child paths are additive or overriding, and consider the issue done when the URL /mytenant matches the child route while exposing tenantName as mytenant.