[routes.ts]: Route config in "routes.ts" is invalid, when two or more `route`s have the same path

[mjablons]

Reproduction

When two or more routes have the same file paths, an error is thrown:

Error: Route config in "routes.ts" is invalid.

see a stackblitz example.

System Info

See stackblitz

Used Package Manager

npm

Expected Behavior

That should work. The reason why I tried different URL paths with the same file path is to protect certain paths with guards implemented in layouts.

Actual Behavior

Error:

Error: Route config in "routes.ts" is invalid.

[timdorr]

By default, route ids are built from the filename. You can work around this by explicitly define the route id:

route('cool-page', "./routes/pages/index.tsx", { id: 'cool-page' }),