diff --git a/e2e/react-router/basic-file-based/index.html b/e2e/react-router/basic-file-based/index.html
index 9b6335c0ac1..21e30f16951 100644
--- a/e2e/react-router/basic-file-based/index.html
+++ b/e2e/react-router/basic-file-based/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/e2e/react-router/basic-file-based/src/routes/__root.tsx b/e2e/react-router/basic-file-based/src/routes/__root.tsx
index ee9d9d2ef05..83798dcd5da 100644
--- a/e2e/react-router/basic-file-based/src/routes/__root.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/__root.tsx
@@ -1,4 +1,5 @@
 import {
+  HeadContent,
   Link,
   Outlet,
   createRootRoute,
@@ -25,6 +26,7 @@ function RootComponent() {
 
   return (
     <>
+      <HeadContent />
       <div className="flex gap-2 p-2 text-lg border-b">
         <button
           data-testid="back-button"
diff --git a/e2e/react-router/basic-file-based/src/routes/posts.tsx b/e2e/react-router/basic-file-based/src/routes/posts.tsx
index 360a165d913..9eabdd5b332 100644
--- a/e2e/react-router/basic-file-based/src/routes/posts.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/posts.tsx
@@ -3,6 +3,13 @@ import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
 import { fetchPosts } from '../posts'
 
 export const Route = createFileRoute('/posts')({
+  head: () => ({
+    meta: [
+      {
+        title: 'Posts page',
+      },
+    ],
+  }),
   loader: fetchPosts,
   component: PostsComponent,
 })
diff --git a/e2e/react-router/basic-file-based/tests/app.spec.ts b/e2e/react-router/basic-file-based/tests/app.spec.ts
index e2cc9bec1b6..11b8a18770c 100644
--- a/e2e/react-router/basic-file-based/tests/app.spec.ts
+++ b/e2e/react-router/basic-file-based/tests/app.spec.ts
@@ -265,3 +265,11 @@ test('structural sharing enabled', async ({ page }) => {
   await page.getByTestId('link').click()
   expect(await getRenderCount(page)).toBe(2)
 })
+
+test('Should change title on client side navigation', async ({ page }) => {
+  await page.goto('/')
+
+  await page.getByRole('link', { name: 'Posts' }).click()
+
+  await expect(page).toHaveTitle('Posts page')
+})
