Router does not render children route component.

const rootRoute = createRouteConfig({
  component: App,
});

const indexRoute = rootRoute.createRoute({
  path: "/",
  component: Home,
});

const userRoute = rootRoute.createRoute({
  path: "user/$userId",
  component: Profile,
});

const userAlbumRoute = userRoute.createRoute({
  path: "album/$albumId",
  component: Album,
});

const routeConfig = rootRoute.addChildren([
  indexRoute,
  userRoute.addChildren([userAlbumRoute]),
]);

const router = createReactRouter({ routeConfig });

declare module "@tanstack/react-router" {
  interface RegisterRouter {
    router: typeof router;
  }
}

export { userRoute, indexRoute };

export default router;

const rootRoute = createRouteConfig({
  component: App,
});

const indexRoute = rootRoute.createRoute({
  path: "/",
  component: Home,
});

const userRoute = rootRoute.createRoute({
  path: "user/$userId",
  component: Profile,
});

const userAlbumRoute = userRoute.createRoute({
  path: "album/$albumId",
  component: Album,
});

const routeConfig = rootRoute.addChildren([
  indexRoute,
  userRoute.addChildren([userAlbumRoute]),
]);

const router = createReactRouter({ routeConfig });

declare module "@tanstack/react-router" {
  interface RegisterRouter {
    router: typeof router;
  }
}

export { userRoute, indexRoute };

export default router;