[Docs]: Non-path Route Prefixing

[harrysolovay]

Describe what's incorrect/missing in the documentation

I could not find an answer to this question in the library mode Routing doc:

How might one match a route that is prefixed with a given string, without adding a junction to the path. For instance, let's say I want to match a leading @ to create a URL scheme similar to JSR's (ie. something like http://jsr.io/@david/dax).

The following does not work:

<Route path="/@:scope/:package" Component={PackagePage} />

[timdorr]

Unfortunately, that's not how path matching is meant to work. You can either have a dynamic or static segment, but not both.

[harrysolovay]

Gotcha... any recommendation regarding best approach to implementing such matching? Could I have a dynamic route, check whether the path param has the @ prefix and then fall back somehow if not? What's the react-router v7 idiomatic way to achieve this?

[timdorr]

Your best bet would be with a loader. That can redirect if the param doesn't match a particular pattern.

[harrysolovay]

I'm using as a library, so I don't think I have access to loaders. Is there no way to pass/specify a regex to a Route component?