catch urls like /team/:teamID and /team/:teamID* (wildcard)

Coming from this example: https://codesandbox.io/s/reverent-tesla-c0kq0 I would like to understnad if this is possible in Navaid now:

const router = Navaid()
    .on("/", () => draw(PageHome))
    .on("/teams", () => draw(PageTeamList))
    .on("/team/:teamID/*", obj => draw(Team, obj))
    .listen();

• using .on("/team/:teamID/*", obj => draw(Team, obj)) doesn’t catch urls like “/team/1”
• using .on("/team/*", obj => draw(Team, obj)) catch urls like “/team/1” but as params in Team component I need the :teamID parameter which is wild in this case; the problem is if the URL is eg. like “/team/1/2/56/8” wild is 1/2/56/8 which is a wrong var in my Team component code.

UPDATE:

I need also something like this to catch: /team/1/shirt/5.

Is there a way to catch both using something like /team/:teamID* where * here is a wildcard after :teamID?

I hope I was clear. 😃

[lukeed]

My first thought is that all your routes will load the chunks immediately. They’ll still be code-split but that doesn’t help on its own if you’re loading everything upfront anyway.

My second thought is that I, personally, wouldn’t reach to make an abstraction if you’re only using this twice (main + 1 sub resource).

I can get to a computer later tonight and look at anything else in particular you’d like me to

[frederikhors]

Ok, ok. I now. Thank Luke. God bless you.