How to use createLazyFileRoute with VirtualRoutes?

[GaletinkoV]

I added .lazy suffix for my file, which contains this code:
export const Route = createFileRoute("/_Providers/_Layout/partner/home")({ component: PartnerHomePage, });
However, I can't just put createLazyFileRoute here. I'll receive TS issue, because routeTree.gen.ts declare this route with createFileRoute.

Code from routeTree.gen.ts:
const PartnerHomePartnerHomePagelazyRoute = PartnerHomePartnerHomePagelazyImport.update({ id: '/home', path: '/home', getParentRoute: () => PartnerLayoutLayoutRoute, } as any)

You could reproduce this issue with your own example - https://github.com/TanStack/router/tree/main/examples/react/basic-virtual-file-based. If you change home.tsx to home.lazy.tsx, you will see ts error and eslint will replace createLazyFileRoute on createFileRoute on save.

[schiller-manuel]

before diving into this deeper, why do you need manual lazy routes? did you have a look at automatic codesplitting?

[GaletinkoV]

I use automatic codesplitting, however, it seems it does not work for my routes. I have checked with rollup-plugin-visualizer, all routes are included in the index.js (I have pretty big app, so I have gzip: 2,289.40 kB. I migrated from react-router-dom, the size of index.js was gzip: ±500 kB there)

TanStackRouterVite({
 virtualRouteConfig: "./routes.ts",
 autoCodeSplitting: true,
})

In addition, I checked that routes are not lazy loaded with addition file (I created home.route.tsx and home.tsx):

//home.route.tsx:
export const Route = createFileRoute("/_Providers/_Layout/partner/home")({
component: lazy(() => import("./home.tsx"))
});

//home.tsx:

import ... from ...

export default function Homepage() {
...
}

The bundle size was reduced in this case

[schiller-manuel]

this should work. on which package versions are you?
can you reproduce this in a complete minimal example ?

I just built the basic-virtual-file-based example with automatic codesplitting, it worked as expected.

[GaletinkoV]

Yeah, probably there is an issue with my codebase. I'll check one more time. For now, I close the discussion. Thank you.