[Bug]: Error no route matches URL / v6.22.1 with Create react app

[AsuraKev]

What version of React Router are you using?

6.22.1

Steps to Reproduce

A route config that looks like

The default layout has no path as its a layout route. However this issue doesnt happen to my other project thats on Vite so I am wondering if React router v6.19 above doesnt work with Create react app?

thanks!

Expected Behavior

Based on the the screenshot, React router should find DefaultLayout and start rendering it

Actual Behavior

No path matched / because no path were specified

[AsuraKev]

Issues are gone after specifying path. I thought path is optional?!

[brophdawg11]

Pathless routes don't "match" as leaf routes. If you want to match / you need to provide an index route for the pathless layout route, or add path="/" as you discovered. Right now only the two path'd children would match - so /litmos-group-signup and /education-group-signup.

const routes = [
  {
    element: <Layout />,
    children: [
      {
        index: true, // match at the path "/"
        element: <h2>Index</h2>,
      },
      {
        path: "temp",
        element: <h2>Temp</h2>,
      },
    ],
  },
];

[johnnyreilly]

If you've landed on this page, it might be because you're being bitten by this issue: #11480

Putting a link here just to help connect folk