diff --git a/examples/react/start-basic/src/routes/users.$userId.tsx b/examples/react/start-basic/src/routes/users.$userId.tsx
index 4e4d470075f..c085e79410e 100644
--- a/examples/react/start-basic/src/routes/users.$userId.tsx
+++ b/examples/react/start-basic/src/routes/users.$userId.tsx
@@ -1,12 +1,13 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { NotFound } from '../components/NotFound'
 import { UserErrorComponent } from '../components/UserError'
+import { DEPLOY_URL } from '../utils/users'
 import type { User } from '../utils/users'
 
 export const Route = createFileRoute('/users/$userId')({
   loader: async ({ params: { userId } }) => {
     try {
-      const res = await fetch('/api/users/' + userId)
+      const res = await fetch(DEPLOY_URL + '/api/users/' + userId)
       if (!res.ok) {
         throw new Error('Unexpected status code')
       }
diff --git a/examples/react/start-basic/src/routes/users.tsx b/examples/react/start-basic/src/routes/users.tsx
index 64ca3ce156c..f4535ffa900 100644
--- a/examples/react/start-basic/src/routes/users.tsx
+++ b/examples/react/start-basic/src/routes/users.tsx
@@ -1,9 +1,10 @@
 import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
+import { DEPLOY_URL } from '../utils/users'
 import type { User } from '../utils/users'
 
 export const Route = createFileRoute('/users')({
   loader: async () => {
-    const res = await fetch('/api/users')
+    const res = await fetch(DEPLOY_URL + '/api/users')
 
     if (!res.ok) {
       throw new Error('Unexpected status code')
diff --git a/examples/react/start-basic/src/utils/users.tsx b/examples/react/start-basic/src/utils/users.tsx
index 7ba645b3831..b810f455fe5 100644
--- a/examples/react/start-basic/src/utils/users.tsx
+++ b/examples/react/start-basic/src/utils/users.tsx
@@ -3,3 +3,5 @@ export type User = {
   name: string
   email: string
 }
+
+export const DEPLOY_URL = 'http://localhost:3000'