No routes matched location "/app" after build in useRoutesImpl()

[skorphil]

Hi, still trying to migrate RR library -> RR Framework. Seems like i fixed most of issues and app seems to work in react-router dev, but when i tsc -b && react-router build it and sirv build/client --single __spa-fallback.html i can only access / route, but when i attempt to access /app, i got error:

No routes matched location "/app"

which come from useRoutesImpl() in chunk-SYFQ2XB5-D-Hkp_oB.js:

 warning(
      parentRoute || matches != null,
      `No routes matched location "${location.pathname}${location.search}${location.hash}"` // location.pathname is /app
    );

How to fix this? It's working fine on the dev. Maybe i have to run sirv build/client --single __spa-fallback.html differently but i followed the guide: https://reactrouter.com/how-to/pre-rendering

---

I'm trying to do:
/ - SSG landing
/app - CSR SPA

My config:

export default {
  appDirectory: "src",
  ssr: false,
  async prerender() {
    return ["/"];
  },
} satisfies Config;

my Routes:

export default [
  route("/", "./features/landing-page/components/LandingPage.tsx"),
  route("/app", "./pages/App.tsx", [
    route("book", "./layouts/BookContainerLayout/BookContainerLayout.tsx", [
      route(
        "page/:uuid",
        "./layouts/MainContainerLayout/MainContainerLayout.tsx"
      ),
    ]),
  ]),

my build output: build/client

assets/
__spa-fallback.html
index.html
multiple *.png

[skorphil]

Seems like the problem is in routes - it contains only single routes.children - /

function DataRoutes({
  routes,
  future,
  state
}) {
  return useRoutesImpl(routes, void 0, state, future);

i can't look deeper because rest of the code is minified(regardless i say no minify in config). I do not know wwhere routes Array is come from and why it does not have /app route. So i got:

 let matches = matchRoutes(routes, { pathname: remainingPathname });
// matches is null
// routes attached
// remainingPathname is `/app`