Nested dynamic link

[borisrorsvort]

I'm trying to understand where I made a mistake. I have

A link:

<Link className='anything' href={`/tunebook/${tune.id}`}>
    {tune.name}
</Link>

Routes:

export const routes = {
  '/tunebook': {
    title: 'Tunebook',
    '/:tune_id': {
      title: 'Tune'
    }
  },
  '/': {
    title: 'Home'
  }
};

The main component:

<Fragment forRoute='/tunebook'><Tunebook /></Fragment>

and within Tunebook component:

<Fragment forRoute='/:tune_id'><Tune /></Fragment>

But when I click on the link, it doesnt get the params nor the route:

[borisrorsvort]

@tptee I just found out that if I replace tune_id with tuneId everything works. So that's probably a bug on the router params management side.

[tptee]

Hey @borisrorsvort ! Looks like underscores don't work in named fragments passed to url-pattern: https://www.npmjs.com/package/url-pattern#named-segments

Eventually we'll allow for custom url-pattern configs, but for now, your best bet is to use camelCase 😃