From fa6909decfc252442af19ba3986d0dbd99518269 Mon Sep 17 00:00:00 2001
From: asd58584388 <43491476+asd58584388@users.noreply.github.com>
Date: Mon, 18 Mar 2024 00:12:49 -0400
Subject: [PATCH] annotation incorrect

---
 README.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index b5c2792..c41b941 100644
--- a/README.md
+++ b/README.md
@@ -438,10 +438,10 @@ _Assuming usage in a Next.js 13+ application using the `app` directory._
 
 #### Basic
 
-```tsx
+```jsx
 import { MDXRemote } from 'next-mdx-remote/rsc'
 
-// app/page.js
+// app/page.jsx
 export default function Home() {
   return (
     <MDXRemote
@@ -456,10 +456,10 @@ export default function Home() {
 
 #### Loading state
 
-```tsx
+```jsx
 import { MDXRemote } from 'next-mdx-remote/rsc'
 
-// app/page.js
+// app/page.jsx
 export default function Home() {
   return (
     // Ideally this loading spinner would ensure there is no layout shift,
@@ -479,8 +479,8 @@ export default function Home() {
 
 #### Custom Components
 
-```tsx
-// components/mdx-remote.js
+```jsx
+// components/mdx-remote.jsx
 import { MDXRemote } from 'next-mdx-remote/rsc'
 
 const components = {
@@ -501,8 +501,8 @@ export function CustomMDX(props) {
 }
 ```
 
-```tsx
-// app/page.js
+```jsx
+// app/page.jsx
 import { CustomMDX } from '../components/mdx-remote'
 
 export default function Home() {
@@ -520,7 +520,7 @@ export default function Home() {
 #### Access Frontmatter outside of MDX
 
 ```tsx
-// app/page.js
+// app/page.tsx
 import { compileMDX } from 'next-mdx-remote/rsc'
 
 export default async function Home() {