diff --git a/packages/router-generator/src/template.ts b/packages/router-generator/src/template.ts
index 11ca968933..a175ffd81b 100644
--- a/packages/router-generator/src/template.ts
+++ b/packages/router-generator/src/template.ts
@@ -74,10 +74,10 @@ export function getTargetTemplate(config: Config): TargetTemplate {
         route: {
           template: () =>
             [
-              '%%tsrImports%%',
+              "import { Outlet, createFileRoute } from '@tanstack/react-router';",
               '\n\n',
               '%%tsrExportStart%%{\n component: RouteComponent\n }%%tsrExportEnd%%\n\n',
-              'function RouteComponent() { return <div>Hello "%%tsrPath%%"!</div> };\n',
+              'function RouteComponent() { return (<><div>Hello "%%tsrPath%%"!</div><Outlet /></>) };\n',
             ].join(''),
           imports: {
             tsrImports: () =>
@@ -127,10 +127,10 @@ export function getTargetTemplate(config: Config): TargetTemplate {
         route: {
           template: () =>
             [
-              '%%tsrImports%%',
+              "import { Outlet, createFileRoute } from '@tanstack/solid-router';",
               '\n\n',
               '%%tsrExportStart%%{\n component: RouteComponent\n }%%tsrExportEnd%%\n\n',
-              'function RouteComponent() { return <div>Hello "%%tsrPath%%"!</div> };\n',
+              'function RouteComponent() { return (<><div>Hello "%%tsrPath%%"!</div><Outlet /></>) };\n',
             ].join(''),
           imports: {
             tsrImports: () =>
@@ -183,10 +183,10 @@ export function getTargetTemplate(config: Config): TargetTemplate {
           template: () =>
             [
               'import { h } from "vue"\n',
-              '%%tsrImports%%',
+              "import { Outlet, createFileRoute } from '@tanstack/vue-router';",
               '\n\n',
               '%%tsrExportStart%%{\n component: RouteComponent\n }%%tsrExportEnd%%\n\n',
-              'function RouteComponent() { return h("div", {}, "Hello \\"%%tsrPath%%\\"!") };\n',
+              'function RouteComponent() { return h("div", {}, ["Hello \\"%%tsrPath%%\\"!", h(Outlet)]) };\n',
             ].join(''),
           imports: {
             tsrImports: () =>
diff --git a/packages/router-generator/tests/generator/file-modification/snapshots/initiallyEmpty.tsx b/packages/router-generator/tests/generator/file-modification/snapshots/initiallyEmpty.tsx
index a7fea80dde..bcdb9887d1 100644
--- a/packages/router-generator/tests/generator/file-modification/snapshots/initiallyEmpty.tsx
+++ b/packages/router-generator/tests/generator/file-modification/snapshots/initiallyEmpty.tsx
@@ -1,9 +1,14 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { Outlet, createFileRoute } from '@tanstack/react-router'
 
 export const Route = createFileRoute('/(test)/initiallyEmpty')({
   component: RouteComponent,
 })
 
 function RouteComponent() {
-  return <div>Hello "/(test)/initiallyEmpty"!</div>
+  return (
+    <>
+      <div>Hello "/(test)/initiallyEmpty"!</div>
+      <Outlet />
+    </>
+  )
 }