diff --git a/docs/router/framework/react/guide/router-context.md b/docs/router/framework/react/guide/router-context.md
index 561b1e2f003..6e794770bdf 100644
--- a/docs/router/framework/react/guide/router-context.md
+++ b/docs/router/framework/react/guide/router-context.md
@@ -98,6 +98,19 @@ export const Route = createFileRoute('/todos')({
 })
 ```
 
+You can use it in your components with the `useRouteContext` hook:
+
+```tsx
+import { createFileRoute, useRouteContext } from '@tanstack/react-router';
+
+export const Route = createFileRoute('/todos')({ component: Todos });
+
+function Todos() {
+  const routeContext = Route.useRouteContext();
+  return <div>Todos from {routeContext.user.id}</div>;
+}
+```
+
 You can even inject data fetching and mutation implementations themselves! In fact, this is highly recommended 😜
 
 Let's try this with a simple function to fetch some todos: