diff --git a/e2e/react-router/basic-file-based-code-splitting/src/main.tsx b/e2e/react-router/basic-file-based-code-splitting/src/main.tsx
index 3dc73ddd511..5254a6a0b08 100644
--- a/e2e/react-router/basic-file-based-code-splitting/src/main.tsx
+++ b/e2e/react-router/basic-file-based-code-splitting/src/main.tsx
@@ -10,6 +10,7 @@ const router = createRouter({
defaultPreload: 'intent',
defaultStaleTime: 5000,
scrollRestoration: true,
+ defaultErrorComponent: () => This is the error component
,
})
// Register things for typesafety
diff --git a/e2e/react-router/basic-file-based-code-splitting/tests/app.spec.ts b/e2e/react-router/basic-file-based-code-splitting/tests/app.spec.ts
index 3e5a69ccaae..af7310bdc15 100644
--- a/e2e/react-router/basic-file-based-code-splitting/tests/app.spec.ts
+++ b/e2e/react-router/basic-file-based-code-splitting/tests/app.spec.ts
@@ -31,3 +31,43 @@ test('Navigating to a not-found route', async ({ page }) => {
await page.getByRole('link', { name: 'Start Over' }).click()
await expect(page.getByRole('heading')).toContainText('Welcome Home!')
})
+
+test('Navigating to a route where the lazy component fails to load', async ({
+ page,
+}) => {
+ // block (and count) all requests to the posts.index route component
+ let requested = 0
+ await page.route('**/assets/posts.index-*', (route) => {
+ requested++
+ return route.fulfill({
+ status: 404,
+ contentType: 'text/plain',
+ body: 'Not Found!',
+ })
+ })
+
+ // count how many times the page reloads
+ let reloaded = 0
+ page.on('load', () => {
+ reloaded++
+ })
+
+ // navigate to the posts page
+ await page.getByRole('link', { name: 'Posts' }).click()
+
+ // will reload only once, despite failing twice, because the name of the module is the same both times
+ await expect(() => {
+ expect(reloaded).toBe(1)
+ expect(requested).toBe(2)
+ }).toPass({
+ intervals: [50],
+ timeout: 3000,
+ })
+
+ // the error component should be rendered
+ await page.getByText('This is the error component')
+
+ // make sure it doesn't reload again (handle edge-case where `.toPass` above was executed right before a 2nd page reload)
+ await page.waitForTimeout(200)
+ expect(reloaded).toBe(1)
+})
diff --git a/packages/react-router/src/lazyRouteComponent.tsx b/packages/react-router/src/lazyRouteComponent.tsx
index e75e9016c37..4a89a6ccaca 100644
--- a/packages/react-router/src/lazyRouteComponent.tsx
+++ b/packages/react-router/src/lazyRouteComponent.tsx
@@ -7,16 +7,24 @@ import type { AsyncRouteComponent } from './route'
// If this happens, the old version in the user's browser would have an outdated
// URL to the lazy module.
// In that case, we want to attempt one window refresh to get the latest.
-function isModuleNotFoundError(error: any): boolean {
+function getModuleNotFoundErrorKey(
+ error: any,
+ importerName?: string,
+): string | false {
// chrome: "Failed to fetch dynamically imported module: http://localhost:5173/src/routes/posts.index.tsx?tsr-split"
// firefox: "error loading dynamically imported module: http://localhost:5173/src/routes/posts.index.tsx?tsr-split"
// safari: "Importing a module script failed."
if (typeof error?.message !== 'string') return false
- return (
+ if (
error.message.startsWith('Failed to fetch dynamically imported module') ||
- error.message.startsWith('error loading dynamically imported module') ||
- error.message.startsWith('Importing a module script failed')
+ error.message.startsWith('error loading dynamically imported module')
)
+ // Use error.message as key because it contains the module path that failed.
+ return error.message
+
+ if (error.message.startsWith('Importing a module script failed'))
+ return importerName ?? error.message
+ return false
}
export function ClientOnly({
@@ -45,6 +53,7 @@ export function lazyRouteComponent<
importer: () => Promise,
exportName?: TKey,
ssr?: () => boolean,
+ importerName?: string,
): T[TKey] extends (props: infer TProps) => any
? AsyncRouteComponent
: never {
@@ -69,7 +78,8 @@ export function lazyRouteComponent<
// there's nothing we want to do about module not found during preload.
// Record the error, the rest is handled during the render path.
error = err
- if (isModuleNotFoundError(error)) {
+ const key = getModuleNotFoundErrorKey(err, importerName)
+ if (key) {
if (
error instanceof Error &&
typeof window !== 'undefined' &&
@@ -78,8 +88,7 @@ export function lazyRouteComponent<
// Again, we want to reload one time on module not found error and not enter
// a reload loop if there is some other issue besides an old deploy.
// That's why we store our reload attempt in sessionStorage.
- // Use error.message as key because it contains the module path that failed.
- const storageKey = `tanstack_router_reload:${error.message}`
+ const storageKey = `tanstack_router_reload:${key}`
if (!sessionStorage.getItem(storageKey)) {
sessionStorage.setItem(storageKey, '1')
reload = true
diff --git a/packages/router-generator/src/generator.ts b/packages/router-generator/src/generator.ts
index 15fbcf93e25..f181b14b1ff 100644
--- a/packages/router-generator/src/generator.ts
+++ b/packages/router-generator/src/generator.ts
@@ -576,9 +576,7 @@ export async function generator(config: Config, root: string) {
)
.filter((d) => d[1])
.map((d) => {
- return `${
- d[0]
- }: lazyRouteComponent(() => import('./${replaceBackslash(
+ const importPath = replaceBackslash(
removeExt(
path.relative(
path.dirname(config.generatedRouteTree),
@@ -586,7 +584,13 @@ export async function generator(config: Config, root: string) {
),
config.addExtensions,
),
- )}'), '${d[0]}')`
+ )
+ return `${d[0]}: lazyRouteComponent(
+ () => import('./${importPath}'),
+ '${d[0]}',
+ undefined,
+ import.meta.url
+ )`
})
.join('\n,')}
})`
diff --git a/packages/router-plugin/src/core/code-splitter/compilers.ts b/packages/router-plugin/src/core/code-splitter/compilers.ts
index cdd3de20215..bd72bea0ab9 100644
--- a/packages/router-plugin/src/core/code-splitter/compilers.ts
+++ b/packages/router-plugin/src/core/code-splitter/compilers.ts
@@ -275,11 +275,11 @@ export function compileCodeSplitReferenceRoute(
// If it's a component, we need to pass the function to check the Route.ssr value
if (key === 'component') {
prop.value = template.expression(
- `${LAZY_ROUTE_COMPONENT_IDENT}(${splitNodeMeta.localImporterIdent}, '${splitNodeMeta.exporterIdent}', () => Route.ssr)`,
+ `${LAZY_ROUTE_COMPONENT_IDENT}(${splitNodeMeta.localImporterIdent}, '${splitNodeMeta.exporterIdent}', () => Route.ssr, import.meta.url)`,
)()
} else {
prop.value = template.expression(
- `${LAZY_ROUTE_COMPONENT_IDENT}(${splitNodeMeta.localImporterIdent}, '${splitNodeMeta.exporterIdent}')`,
+ `${LAZY_ROUTE_COMPONENT_IDENT}(${splitNodeMeta.localImporterIdent}, '${splitNodeMeta.exporterIdent}', undefined, import.meta.url)`,
)()
}
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/arrow-function.tsx
index ed12a9b49ed..ab6705ba215 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/arrow-function.tsx
@@ -4,7 +4,7 @@ import { createFileRoute } from '@tanstack/react-router';
import { fetchPosts } from '../posts';
export const Route = createFileRoute('/posts')({
loader: fetchPosts,
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/chinese.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/chinese.tsx
index 9bf9da7298d..e65a2190345 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/chinese.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/chinese.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('chinese.tsx?tsr-split=component')
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
interface DemoProps {
title: string;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/conditional-properties.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/conditional-properties.tsx
index 26de4ca8258..3930e932b87 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/conditional-properties.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/conditional-properties.tsx
@@ -5,7 +5,7 @@ import { isEnabled } from '@features/feature-flags';
import TrueImport from '@modules/true-component';
import { falseLoader } from '@modules/false-component';
export const Route = createFileRoute('/posts')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: isEnabled ? TrueImport.loader : falseLoader
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructured-react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructured-react-memo-imported-component.tsx
index 0fbc312626f..5f87c866a3e 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructured-react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructured-react-memo-imported-component.tsx
@@ -3,7 +3,7 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared/imported';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-declaration.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-declaration.tsx
index 92a3bf04ddc..7c698a1a2d1 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-declaration.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-declaration.tsx
@@ -4,7 +4,7 @@ import { createFileRoute } from '@tanstack/react-router';
import { fetchPosts } from '../posts';
export const Route = createFileRoute('/posts')({
loader: fetchPosts,
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/importAttribute.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/importAttribute.tsx
index 8a221122d77..a0c92b02815 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/importAttribute.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/importAttribute.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('importAttribute.tsx?tsr-split=com
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component-destructured-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component-destructured-loader.tsx
index e23a496a74e..d49f6282851 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component-destructured-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component-destructured-loader.tsx
@@ -3,7 +3,7 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared/imported';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component.tsx
index 968e6633d4f..ddcdf7a9f43 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('imported-default-component.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-errorComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-errorComponent.tsx
index 0701029aa3d..91eb477d478 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-errorComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-errorComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-errorComponent.tsx?tsr-s
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-notFoundComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-notFoundComponent.tsx
index 63787a44d6a..3f9dcef1621 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-notFoundComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-notFoundComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-notFoundComponent.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx
index 143fe9c5e30..60baa365acf 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported.tsx
index c4a5d9dbc49..a5c96c9e4e2 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported.tsx
@@ -3,7 +3,7 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/inline.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/inline.tsx
index 3d4163335fb..006003c9954 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/inline.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/inline.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('inline.tsx?tsr-split=component');
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
Route.addChildren([]);
export const test = 'test';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/random-number.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/random-number.tsx
index f95c3f5dfe4..e1c03c4e50c 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/random-number.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/random-number.tsx
@@ -11,7 +11,7 @@ export const Route = createFileRoute('/')({
sponsorsPromise: defer(getSponsorsForSponsorPack())
};
},
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-component.tsx
index dc266fa6112..d2d9d5ebfe9 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-component.tsx
@@ -3,7 +3,7 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared/imported';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-imported-component.tsx
index b1df7f4cf90..51461fbbc25 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-imported-component.tsx
@@ -3,7 +3,7 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared/imported';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-loader.tsx
index 17a52407a1c..2dc4d84178d 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-loader.tsx
@@ -7,7 +7,7 @@ export function loaderFn() {
};
}
export const Route = createFileRoute('/_layout')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: loaderFn
});
export const SIDEBAR_WIDTH = '150px';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/useStateDestructure.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/useStateDestructure.tsx
index d3a8cb93a1b..2d1bb61b8fa 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/useStateDestructure.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/useStateDestructure.tsx
@@ -4,7 +4,7 @@ import { startProject } from '~/projects/start';
import { createFileRoute } from '@tanstack/react-router';
import { seo } from '~/utils/seo';
export const Route = createFileRoute('/_libraries/start/$version/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
meta: () => seo({
title: startProject.name,
description: startProject.description
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/arrow-function.tsx
index 6b2e1dcace0..6e192057f07 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/arrow-function.tsx
@@ -4,5 +4,5 @@ import { createFileRoute } from '@tanstack/react-router';
import { fetchPosts } from '../posts';
export const Route = createFileRoute('/posts')({
loader: fetchPosts,
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/chinese.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/chinese.tsx
index fa348ee8d52..4e1ef30588d 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/chinese.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/chinese.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('chinese.tsx?tsr-split=component')
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
interface DemoProps {
title: string;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/conditional-properties.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/conditional-properties.tsx
index efec873519c..fcb78cf0b71 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/conditional-properties.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/conditional-properties.tsx
@@ -5,6 +5,6 @@ import { isEnabled } from '@features/feature-flags';
import TrueImport from '@modules/true-component';
import { falseLoader } from '@modules/false-component';
export const Route = createFileRoute('/posts')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: isEnabled ? TrueImport.loader : falseLoader
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructured-react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructured-react-memo-imported-component.tsx
index fd68ed1ef17..137dc7bcc95 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructured-react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructured-react-memo-imported-component.tsx
@@ -3,6 +3,6 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared/imported';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-declaration.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-declaration.tsx
index 21900709e4a..77440bd38e9 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-declaration.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-declaration.tsx
@@ -4,5 +4,5 @@ import { createFileRoute } from '@tanstack/react-router';
import { fetchPosts } from '../posts';
export const Route = createFileRoute('/posts')({
loader: fetchPosts,
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/importAttribute.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/importAttribute.tsx
index d4283ffced6..3b48f3de459 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/importAttribute.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/importAttribute.tsx
@@ -2,5 +2,5 @@ const $$splitComponentImporter = () => import('importAttribute.tsx?tsr-split=com
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component-destructured-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component-destructured-loader.tsx
index f89f29579f8..7a2f7027268 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component-destructured-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component-destructured-loader.tsx
@@ -3,6 +3,6 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared/imported';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component.tsx
index 65202cff331..04755e852ba 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component.tsx
@@ -2,5 +2,5 @@ const $$splitComponentImporter = () => import('imported-default-component.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-errorComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-errorComponent.tsx
index a7b2f8702a2..d6c0212dcd3 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-errorComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-errorComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-errorComponent.tsx?tsr-s
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-notFoundComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-notFoundComponent.tsx
index 0f9a8a66b63..3c538ab6ce8 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-notFoundComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-notFoundComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-notFoundComponent.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx
index 4b0c7bd790b..87e61c9a8dd 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported.tsx
index 6e03300df9d..0d1d3060801 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported.tsx
@@ -3,6 +3,6 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/inline.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/inline.tsx
index 0df06d99cd1..d49cb32fc2a 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/inline.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/inline.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('inline.tsx?tsr-split=component');
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
Route.addChildren([]);
export const test = 'test';
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/random-number.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/random-number.tsx
index 1d6cae8c033..1f14cfdf54c 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/random-number.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/random-number.tsx
@@ -11,5 +11,5 @@ export const Route = createFileRoute('/')({
sponsorsPromise: defer(getSponsorsForSponsorPack())
};
},
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-component.tsx
index 260067ea5e9..22ae14b1f53 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-component.tsx
@@ -3,6 +3,6 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared/imported';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-imported-component.tsx
index 24fffc27769..9f4f10474db 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-imported-component.tsx
@@ -3,6 +3,6 @@ import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
import { importedLoader } from '../../shared/imported';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: importedLoader
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-loader.tsx
index f9000ca4969..c089535e985 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-loader.tsx
@@ -7,7 +7,7 @@ export function loaderFn() {
};
}
export const Route = createFileRoute('/_layout')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: loaderFn
});
export const SIDEBAR_WIDTH = '150px';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/useStateDestructure.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/useStateDestructure.tsx
index 2d4e7962bdf..5a3ec6ce741 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/useStateDestructure.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/useStateDestructure.tsx
@@ -4,7 +4,7 @@ import { startProject } from '~/projects/start';
import { createFileRoute } from '@tanstack/react-router';
import { seo } from '~/utils/seo';
export const Route = createFileRoute('/_libraries/start/$version/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
meta: () => seo({
title: startProject.name,
description: startProject.description
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/arrow-function.tsx
index a84401590da..1188efcf2f9 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/arrow-function.tsx
@@ -5,7 +5,7 @@ import { lazyFn } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/chinese.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/chinese.tsx
index 6f7cce7a75b..c9c0c5e19d2 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/chinese.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/chinese.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('chinese.tsx?tsr-split=component--
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
interface DemoProps {
title: string;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/conditional-properties.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/conditional-properties.tsx
index a126bb68077..5db501ec432 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/conditional-properties.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/conditional-properties.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('conditional-properties.tsx?tsr-sp
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/destructured-react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/destructured-react-memo-imported-component.tsx
index 65f2bfb918d..b77179ec74a 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/destructured-react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/destructured-react-memo-imported-component.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('destructured-react-memo-imported-
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/function-declaration.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/function-declaration.tsx
index 81124d1df49..50263fec1a1 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/function-declaration.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/function-declaration.tsx
@@ -5,7 +5,7 @@ import { lazyFn } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/importAttribute.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/importAttribute.tsx
index b89aede4274..d8c1c8a8948 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/importAttribute.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/importAttribute.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('importAttribute.tsx?tsr-split=com
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-default-component-destructured-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-default-component-destructured-loader.tsx
index 9169f0b9660..ddcd6bee77d 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-default-component-destructured-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-default-component-destructured-loader.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('imported-default-component-destru
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-default-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-default-component.tsx
index 9b38429966e..2d112355e0b 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-default-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-default-component.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('imported-default-component.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-errorComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-errorComponent.tsx
index 108ad65fde6..551e9c58ff0 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-errorComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-errorComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-errorComponent.tsx?tsr-s
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-notFoundComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-notFoundComponent.tsx
index 4df3a0edc2e..d3d218939d8 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-notFoundComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-notFoundComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-notFoundComponent.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-pendingComponent.tsx
index 8a12860d09d..77ed60d6777 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-pendingComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported-pendingComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported.tsx
index b8c6e8c0ffa..b7da22a2b9f 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/imported.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('imported.tsx?tsr-split=component-
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/inline.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/inline.tsx
index 70ca28064df..a9d5a6e2ab8 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/inline.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/inline.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('inline.tsx?tsr-split=component---
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
Route.addChildren([]);
export const test = 'test';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/random-number.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/random-number.tsx
index 281e1d4a130..5e4c440df1f 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/random-number.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/random-number.tsx
@@ -7,7 +7,7 @@ export const textColors = [`text-rose-500`, `text-yellow-500`, `text-teal-500`,
export const gradients = [`from-rose-500 to-yellow-500`, `from-yellow-500 to-teal-500`, `from-teal-500 to-violet-500`, `from-blue-500 to-pink-500`];
export const Route = createFileRoute('/')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/react-memo-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/react-memo-component.tsx
index bf8ae8af259..d0d77a51f9c 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/react-memo-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/react-memo-component.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('react-memo-component.tsx?tsr-spli
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/react-memo-imported-component.tsx
index 5987f84c0a2..314afabe1fa 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/react-memo-imported-component.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('react-memo-imported-component.tsx
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/retain-exports-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/retain-exports-loader.tsx
index 822135ddb12..eca24b98c2e 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/retain-exports-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/retain-exports-loader.tsx
@@ -7,7 +7,7 @@ export function loaderFn() {
};
}
export const Route = createFileRoute('/_layout')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: loaderFn
});
export const SIDEBAR_WIDTH = '150px';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/useStateDestructure.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/useStateDestructure.tsx
index 2aa29a876aa..d2915324717 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/useStateDestructure.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/development/useStateDestructure.tsx
@@ -4,7 +4,7 @@ import { startProject } from '~/projects/start';
import { createFileRoute } from '@tanstack/react-router';
import { seo } from '~/utils/seo';
export const Route = createFileRoute('/_libraries/start/$version/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
meta: () => seo({
title: startProject.name,
description: startProject.description
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/arrow-function.tsx
index 0a7cee7f7a2..5a2cbdfe592 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/arrow-function.tsx
@@ -5,5 +5,5 @@ import { lazyFn } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/chinese.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/chinese.tsx
index 88103347270..cdef7b91149 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/chinese.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/chinese.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('chinese.tsx?tsr-split=component--
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
interface DemoProps {
title: string;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/conditional-properties.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/conditional-properties.tsx
index 68f55564479..429d22e6afc 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/conditional-properties.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/conditional-properties.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('conditional-properties.tsx?tsr-sp
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/destructured-react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/destructured-react-memo-imported-component.tsx
index 265b803a90c..18a1de51278 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/destructured-react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/destructured-react-memo-imported-component.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('destructured-react-memo-imported-
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/function-declaration.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/function-declaration.tsx
index 29d3043856f..9f08927d4a8 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/function-declaration.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/function-declaration.tsx
@@ -5,5 +5,5 @@ import { lazyFn } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/importAttribute.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/importAttribute.tsx
index eb52fbee2e3..b70fa0ca71a 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/importAttribute.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/importAttribute.tsx
@@ -2,5 +2,5 @@ const $$splitComponentImporter = () => import('importAttribute.tsx?tsr-split=com
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-default-component-destructured-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-default-component-destructured-loader.tsx
index 37cd9799d77..c824e00c016 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-default-component-destructured-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-default-component-destructured-loader.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('imported-default-component-destru
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-default-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-default-component.tsx
index 00e081670bc..001c1c2c7cd 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-default-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-default-component.tsx
@@ -2,5 +2,5 @@ const $$splitComponentImporter = () => import('imported-default-component.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-errorComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-errorComponent.tsx
index ae97f666631..6a6f2d946ac 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-errorComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-errorComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-errorComponent.tsx?tsr-s
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-notFoundComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-notFoundComponent.tsx
index a0d6a07a7fe..8c0d8639172 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-notFoundComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-notFoundComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-notFoundComponent.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-pendingComponent.tsx
index f8cd11e6148..c5c36a51e89 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-pendingComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported-pendingComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported.tsx
index 96c6256f571..572f05d8953 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/imported.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('imported.tsx?tsr-split=component-
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/inline.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/inline.tsx
index c97b3c36a5d..85937705a0c 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/inline.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/inline.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('inline.tsx?tsr-split=component---
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
Route.addChildren([]);
export const test = 'test';
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/random-number.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/random-number.tsx
index 48f67bc96a2..7449b3efa22 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/random-number.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/random-number.tsx
@@ -7,5 +7,5 @@ export const textColors = [`text-rose-500`, `text-yellow-500`, `text-teal-500`,
export const gradients = [`from-rose-500 to-yellow-500`, `from-yellow-500 to-teal-500`, `from-teal-500 to-violet-500`, `from-blue-500 to-pink-500`];
export const Route = createFileRoute('/')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/react-memo-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/react-memo-component.tsx
index 19e2d97b6f4..b9934458fb8 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/react-memo-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/react-memo-component.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('react-memo-component.tsx?tsr-spli
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/react-memo-imported-component.tsx
index a52cdbad092..e914690bd93 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/react-memo-imported-component.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('react-memo-imported-component.tsx
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/retain-exports-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/retain-exports-loader.tsx
index 9d9f580e24d..099d87318e1 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/retain-exports-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/retain-exports-loader.tsx
@@ -7,7 +7,7 @@ export function loaderFn() {
};
}
export const Route = createFileRoute('/_layout')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: loaderFn
});
export const SIDEBAR_WIDTH = '150px';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/useStateDestructure.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/useStateDestructure.tsx
index 0e8fcc22574..45d19f47b26 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/useStateDestructure.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/2-components-combined-loader-separate/production/useStateDestructure.tsx
@@ -4,7 +4,7 @@ import { startProject } from '~/projects/start';
import { createFileRoute } from '@tanstack/react-router';
import { seo } from '~/utils/seo';
export const Route = createFileRoute('/_libraries/start/$version/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
meta: () => seo({
title: startProject.name,
description: startProject.description
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/arrow-function.tsx
index e55be6765d5..d1c5211d0eb 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/arrow-function.tsx
@@ -5,7 +5,7 @@ import { lazyFn } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/chinese.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/chinese.tsx
index c065d14a4ac..64445f476b8 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/chinese.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/chinese.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('chinese.tsx?tsr-split=component--
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
interface DemoProps {
title: string;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/conditional-properties.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/conditional-properties.tsx
index 279773de15f..4ea71b99a71 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/conditional-properties.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/conditional-properties.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('conditional-properties.tsx?tsr-sp
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/destructured-react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/destructured-react-memo-imported-component.tsx
index 0fe0b8418d4..8b22c2cd5ec 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/destructured-react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/destructured-react-memo-imported-component.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('destructured-react-memo-imported-
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/function-declaration.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/function-declaration.tsx
index dda89e55de7..ad85323fdf9 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/function-declaration.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/function-declaration.tsx
@@ -5,7 +5,7 @@ import { lazyFn } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/importAttribute.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/importAttribute.tsx
index d8355986bfa..965b3786921 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/importAttribute.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/importAttribute.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('importAttribute.tsx?tsr-split=com
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-default-component-destructured-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-default-component-destructured-loader.tsx
index 4e0beddab51..25e967c4674 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-default-component-destructured-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-default-component-destructured-loader.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('imported-default-component-destru
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-default-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-default-component.tsx
index b749bed2ea6..3ada3393449 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-default-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-default-component.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('imported-default-component.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-errorComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-errorComponent.tsx
index 26951c2d0ae..06615280034 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-errorComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-errorComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-errorComponent.tsx?tsr-s
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-notFoundComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-notFoundComponent.tsx
index 54565ca6f16..ca9a997729d 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-notFoundComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-notFoundComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-notFoundComponent.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-pendingComponent.tsx
index 02997dc0536..3bd6936f74c 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-pendingComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported-pendingComponent.tsx
@@ -3,8 +3,8 @@ const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent', undefined, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported.tsx
index c397f9dccc2..75327e53251 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/imported.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('imported.tsx?tsr-split=component-
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/inline.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/inline.tsx
index fd3669b1082..22c7c40f500 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/inline.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/inline.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('inline.tsx?tsr-split=component---
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
Route.addChildren([]);
export const test = 'test';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/random-number.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/random-number.tsx
index 9a267bfdb05..e41afc8275d 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/random-number.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/random-number.tsx
@@ -7,7 +7,7 @@ export const textColors = [`text-rose-500`, `text-yellow-500`, `text-teal-500`,
export const gradients = [`from-rose-500 to-yellow-500`, `from-yellow-500 to-teal-500`, `from-teal-500 to-violet-500`, `from-blue-500 to-pink-500`];
export const Route = createFileRoute('/')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/react-memo-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/react-memo-component.tsx
index 66da0c232af..432e7a412c4 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/react-memo-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/react-memo-component.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('react-memo-component.tsx?tsr-spli
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/react-memo-imported-component.tsx
index 8db833f30ca..a97eead9ba8 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/react-memo-imported-component.tsx
@@ -4,7 +4,7 @@ const $$splitComponentImporter = () => import('react-memo-imported-component.tsx
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
export function TSRDummyComponent() {
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/retain-exports-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/retain-exports-loader.tsx
index 0befce3a09c..f699232caca 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/retain-exports-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/retain-exports-loader.tsx
@@ -7,7 +7,7 @@ export function loaderFn() {
};
}
export const Route = createFileRoute('/_layout')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: loaderFn
});
export const SIDEBAR_WIDTH = '150px';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/useStateDestructure.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/useStateDestructure.tsx
index 414db66c2e8..cd0e61fead3 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/useStateDestructure.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/development/useStateDestructure.tsx
@@ -4,7 +4,7 @@ import { startProject } from '~/projects/start';
import { createFileRoute } from '@tanstack/react-router';
import { seo } from '~/utils/seo';
export const Route = createFileRoute('/_libraries/start/$version/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
meta: () => seo({
title: startProject.name,
description: startProject.description
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/arrow-function.tsx
index 36facc8ac70..83478372715 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/arrow-function.tsx
@@ -5,5 +5,5 @@ import { lazyFn } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/chinese.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/chinese.tsx
index 0902b78c6a1..7c9310882d3 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/chinese.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/chinese.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('chinese.tsx?tsr-split=component--
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
interface DemoProps {
title: string;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/conditional-properties.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/conditional-properties.tsx
index fe3a1fa3500..487ee55ee79 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/conditional-properties.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/conditional-properties.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('conditional-properties.tsx?tsr-sp
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/destructured-react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/destructured-react-memo-imported-component.tsx
index 1edba360e1d..f39b86cd5c3 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/destructured-react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/destructured-react-memo-imported-component.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('destructured-react-memo-imported-
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/function-declaration.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/function-declaration.tsx
index 13b2b8cc9f8..b42d8d97ae5 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/function-declaration.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/function-declaration.tsx
@@ -5,5 +5,5 @@ import { lazyFn } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/importAttribute.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/importAttribute.tsx
index 847ad400fc3..8c0092d4940 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/importAttribute.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/importAttribute.tsx
@@ -2,5 +2,5 @@ const $$splitComponentImporter = () => import('importAttribute.tsx?tsr-split=com
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-default-component-destructured-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-default-component-destructured-loader.tsx
index a1107785068..9f19765d164 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-default-component-destructured-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-default-component-destructured-loader.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('imported-default-component-destru
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-default-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-default-component.tsx
index bd196be036f..254b5832981 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-default-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-default-component.tsx
@@ -2,5 +2,5 @@ const $$splitComponentImporter = () => import('imported-default-component.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-errorComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-errorComponent.tsx
index f58664d12a1..da992e9baaf 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-errorComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-errorComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-errorComponent.tsx?tsr-s
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ errorComponent: lazyRouteComponent($$splitErrorComponentImporter, 'errorComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-notFoundComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-notFoundComponent.tsx
index 38804666418..15de7b74837 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-notFoundComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-notFoundComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-notFoundComponent.tsx?ts
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ notFoundComponent: lazyRouteComponent($$splitNotFoundComponentImporter, 'notFoundComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-pendingComponent.tsx
index 939c087ebb3..b7a2aba18fb 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-pendingComponent.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported-pendingComponent.tsx
@@ -3,6 +3,6 @@ const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
- pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent')
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
+ pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent', undefined, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported.tsx
index 0bbac9035ac..97e91c07124 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/imported.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('imported.tsx?tsr-split=component-
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/inline.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/inline.tsx
index 5655e25a266..68522c29c23 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/inline.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/inline.tsx
@@ -2,7 +2,7 @@ const $$splitComponentImporter = () => import('inline.tsx?tsr-split=component---
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
Route.addChildren([]);
export const test = 'test';
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/random-number.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/random-number.tsx
index e2b0321f7f1..ee2ab6c4a50 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/random-number.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/random-number.tsx
@@ -7,5 +7,5 @@ export const textColors = [`text-rose-500`, `text-yellow-500`, `text-teal-500`,
export const gradients = [`from-rose-500 to-yellow-500`, `from-yellow-500 to-teal-500`, `from-teal-500 to-violet-500`, `from-blue-500 to-pink-500`];
export const Route = createFileRoute('/')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/react-memo-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/react-memo-component.tsx
index 10434783082..97f237ed2c7 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/react-memo-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/react-memo-component.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('react-memo-component.tsx?tsr-spli
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/react-memo-imported-component.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/react-memo-imported-component.tsx
index c3f6ce2057b..8473d2228b2 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/react-memo-imported-component.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/react-memo-imported-component.tsx
@@ -4,6 +4,6 @@ const $$splitComponentImporter = () => import('react-memo-imported-component.tsx
import { lazyRouteComponent } from '@tanstack/react-router';
import { createFileRoute } from '@tanstack/react-router';
export const Route = createFileRoute('/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: lazyFn($$splitLoaderImporter, 'loader')
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/retain-exports-loader.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/retain-exports-loader.tsx
index 72982be00fd..8f848a256a7 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/retain-exports-loader.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/retain-exports-loader.tsx
@@ -7,7 +7,7 @@ export function loaderFn() {
};
}
export const Route = createFileRoute('/_layout')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
loader: loaderFn
});
export const SIDEBAR_WIDTH = '150px';
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/useStateDestructure.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/useStateDestructure.tsx
index ba8e58205bb..37f0a7ed318 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/useStateDestructure.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/react/3-all-combined-errorComponent-separate/production/useStateDestructure.tsx
@@ -4,7 +4,7 @@ import { startProject } from '~/projects/start';
import { createFileRoute } from '@tanstack/react-router';
import { seo } from '~/utils/seo';
export const Route = createFileRoute('/_libraries/start/$version/')({
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url),
meta: () => seo({
title: startProject.name,
description: startProject.description
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/development/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/development/arrow-function.tsx
index f62b65b5eb0..2269f7a49d3 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/development/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/development/arrow-function.tsx
@@ -4,7 +4,7 @@ import { createFileRoute } from '@tanstack/solid-router';
import { fetchPosts } from '../posts';
export const Route = createFileRoute('/posts')({
loader: fetchPosts,
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/production/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/production/arrow-function.tsx
index abfd462e252..a78e8f3ee3f 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/production/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/production/arrow-function.tsx
@@ -4,5 +4,5 @@ import { createFileRoute } from '@tanstack/solid-router';
import { fetchPosts } from '../posts';
export const Route = createFileRoute('/posts')({
loader: fetchPosts,
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/solid/2-components-combined-loader-separate/development/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/solid/2-components-combined-loader-separate/development/arrow-function.tsx
index 5f36162818c..b088194d06c 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/solid/2-components-combined-loader-separate/development/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/solid/2-components-combined-loader-separate/development/arrow-function.tsx
@@ -5,7 +5,7 @@ import { lazyFn } from '@tanstack/solid-router';
import { createFileRoute } from '@tanstack/solid-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/solid/2-components-combined-loader-separate/production/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/solid/2-components-combined-loader-separate/production/arrow-function.tsx
index daa8e9e24dd..1711bb34ae0 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/solid/2-components-combined-loader-separate/production/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/solid/2-components-combined-loader-separate/production/arrow-function.tsx
@@ -5,5 +5,5 @@ import { lazyFn } from '@tanstack/solid-router';
import { createFileRoute } from '@tanstack/solid-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/solid/3-all-combined-errorComponent-separate/development/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/solid/3-all-combined-errorComponent-separate/development/arrow-function.tsx
index 56e28dce37c..1540f7a0072 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/solid/3-all-combined-errorComponent-separate/development/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/solid/3-all-combined-errorComponent-separate/development/arrow-function.tsx
@@ -5,7 +5,7 @@ import { lazyFn } from '@tanstack/solid-router';
import { createFileRoute } from '@tanstack/solid-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
export function TSRDummyComponent() {
return null;
diff --git a/packages/router-plugin/tests/code-splitter/snapshots/solid/3-all-combined-errorComponent-separate/production/arrow-function.tsx b/packages/router-plugin/tests/code-splitter/snapshots/solid/3-all-combined-errorComponent-separate/production/arrow-function.tsx
index d74bbba5db2..93add7484c5 100644
--- a/packages/router-plugin/tests/code-splitter/snapshots/solid/3-all-combined-errorComponent-separate/production/arrow-function.tsx
+++ b/packages/router-plugin/tests/code-splitter/snapshots/solid/3-all-combined-errorComponent-separate/production/arrow-function.tsx
@@ -5,5 +5,5 @@ import { lazyFn } from '@tanstack/solid-router';
import { createFileRoute } from '@tanstack/solid-router';
export const Route = createFileRoute('/posts')({
loader: lazyFn($$splitLoaderImporter, 'loader'),
- component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr)
+ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr, import.meta.url)
});
\ No newline at end of file