[Bug]: v7_relativesplatpath migration produces error "Matched leaf route at location [path] does not have an element or Component"

[foucdeg]

What version of React Router are you using?

6.28.0

Steps to Reproduce

Following the docs from https://reactrouter.com/en/main/upgrading/future#v7_relativesplatpath :

1. Activate v7_relativeSplatPath
2. Migrate

<Route path={`${Routes.partstore.home}*`} element={<LoadablePartStoreRoutes />}>

to

<Route path={Routes.partstore.home}>
  <Route path="*" element={<LoadablePartStoreRoutes />} />
</Route>

Note: Routes.partstore.home === '/parts/'

3. Navigate to /parts/ via URL.

Expected Behavior

The index for the subrouter at <LoadablePartStoreRoutes /> should render.

Actual Behavior

• An empty page is displayed
• The following error is printed to the console:

Matched leaf route at location /parts/ does not have an element or Component.

• Breakpoints at module level inside LoadablePartStoreRoutes aren't reached.

[JoshGiacopini]

Having the same problem. Followed the recommended migration guide and it's not working.

[foucdeg]

Also worth noting that the docs for Route show a "TODO" under route nesting, which is the recommended pattern used here.

[lhartvik]

Any workaround for this issue?

[foucdeg]

@lhartvik I don't have one. I'm just not upgrading to v7 for now.