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?

[taion]

okay, that’s totally a bug then. mind if i track it on this issue?

[taion]

Yes, they’re additive. The intent was that for the sake of understandability (and also not traversing the entire route tree every time), that it didn’t make a lot of sense for children to match if their parents didn’t. Note that you can have path-less routes, though, so you can write the above as something like:

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