diff --git a/docs/01-app/02-building-your-application/01-routing/13-route-handlers.mdx b/docs/01-app/02-building-your-application/01-routing/13-route-handlers.mdx
index 628aae57f26bd..9813880eb1e85 100644
--- a/docs/01-app/02-building-your-application/01-routing/13-route-handlers.mdx
+++ b/docs/01-app/02-building-your-application/01-routing/13-route-handlers.mdx
@@ -101,7 +101,17 @@ You can consider a `route` the lowest level routing primitive.
 
 Each `route.js` or `page.js` file takes over all HTTP verbs for that route.
 
-```jsx filename="app/page.js"
+```ts filename="app/page.ts" switcher
+export default function Page() {
+  return <h1>Hello, Next.js!</h1>
+}
+
+// ❌ Conflict
+// `app/route.ts`
+export async function POST(request: Request) {}
+```
+
+```js filename="app/page.js" switcher
 export default function Page() {
   return <h1>Hello, Next.js!</h1>
 }