fix(router-plugin): do not split the pendingComponent

packages/router-plugin/src/core/constants.ts

@@ -12,7 +12,6 @@ export type CodeSplitGroupings = Array<Array<SplitRouteIdentNodes>>
 
 export const defaultCodeSplitGroupings: CodeSplitGroupings = [
   ['component'],
-  ['pendingComponent'],
   ['errorComponent'],
   ['notFoundComponent'],
 ]

packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx

@@ -1,10 +1,10 @@
-const $$splitPendingComponentImporter = () => import('imported-pendingComponent.tsx?tsr-split=pendingComponent');
 const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr-split=component');
 import { lazyRouteComponent } from '@tanstack/react-router';
 import { createFileRoute } from '@tanstack/react-router';
+import { importedPendingComponent } from '../../shared/imported';
 export const Route = createFileRoute('/')({
   component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
-  pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent')
+  pendingComponent: importedPendingComponent
 });
 export function TSRDummyComponent() {
   return null;

packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx

@@ -1,8 +1,8 @@
-const $$splitPendingComponentImporter = () => import('imported-pendingComponent.tsx?tsr-split=pendingComponent');
 const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr-split=component');
 import { lazyRouteComponent } from '@tanstack/react-router';
 import { createFileRoute } from '@tanstack/react-router';
+import { importedPendingComponent } from '../../shared/imported';
 export const Route = createFileRoute('/')({
   component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr),
-  pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent')
+  pendingComponent: importedPendingComponent
 });

packages/router-plugin/tests/detect-route-codesplit-groupings.test.ts

@@ -10,13 +10,13 @@ const successCases: Array<{
   expectedRouteId: string
 }> = [
   {
+    // This test should be updated whenever the `defaultCodeSplitGroupings` changes
     name: 'defaults',
     code: `
 import {createFileRoute} from '@tanstack/react-router'
 export const Route = createFileRoute('/posts')({
 codeSplitGroupings: [
   ['component'],
-  ['pendingComponent'],
   ['errorComponent'],
   ['notFoundComponent']
 ]