diff --git a/errors/next-dynamic-api-wrong-context.mdx b/errors/next-dynamic-api-wrong-context.mdx
index 064baba882..30bdee997e 100644
--- a/errors/next-dynamic-api-wrong-context.mdx
+++ b/errors/next-dynamic-api-wrong-context.mdx
@@ -14,19 +14,17 @@ Make sure that all Dynamic API calls happen in a request scope.
 
 Example:
 
-```diff
-// app/page.ts
+```jsx filename="app/page.js"
 import { cookies } from 'next/headers'
 
-- const cookieStore  = cookies()
+- const cookieStore = cookies()
 export default function Page() {
 + const cookieStore = cookies()
   return ...
 }
 ```
 
-```diff
-// app/foo/route.ts
+```jsx filename="app/foo/route.js"
 import { headers } from 'next/headers'
 
 - const headersList = headers()