From 0f5146f56058b309080b6f61efcebbaa46425458 Mon Sep 17 00:00:00 2001
From: minsoo kim <zlemzlem5656@naver.com>
Date: Fri, 20 Oct 2023 17:21:06 +0900
Subject: [PATCH] docs: #202 add codeline highlight in Suspense

---
 docs/src/pages/docs/react/Suspense.en.mdx | 6 +++---
 docs/src/pages/docs/react/Suspense.ko.mdx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/src/pages/docs/react/Suspense.en.mdx b/docs/src/pages/docs/react/Suspense.en.mdx
index abc37ce55..24159e8ea 100644
--- a/docs/src/pages/docs/react/Suspense.en.mdx
+++ b/docs/src/pages/docs/react/Suspense.en.mdx
@@ -8,7 +8,7 @@ import { Callout } from 'nextra/components'
 
 fallback works the same as fallback of original React's Suspense.
 
-```tsx
+```tsx /Suspense/
 import { Suspense } from '@suspensive/react'
 
 const Example = () => (
@@ -31,7 +31,7 @@ Control multiple `<Suspense/>`s default fallback with `<SuspensiveProvider/>`. D
 
 `<Suspense.CSROnly/>` will return fallback in server. After mount(in client) return children. Since mount only happens on the client, server-side rendering can be avoided.
 
-```tsx
+```tsx /Suspense/
 import { Suspense } from '@suspensive/react'
 
 const Example = () => (
@@ -55,7 +55,7 @@ You can use withSuspense to wrap component by `<Suspense/>` easily.
 we don't need to make unncessary code to wrap it if we use withSuspense like below.
 withSuspense's 2nd parameter is props of `<Suspense/>` without children
 
-```tsx
+```tsx /withSuspense/
 import { withSuspense } from '@suspensive/react'
 
 const Example = withSuspense(
diff --git a/docs/src/pages/docs/react/Suspense.ko.mdx b/docs/src/pages/docs/react/Suspense.ko.mdx
index c57c71034..1c3e2a0bc 100644
--- a/docs/src/pages/docs/react/Suspense.ko.mdx
+++ b/docs/src/pages/docs/react/Suspense.ko.mdx
@@ -8,7 +8,7 @@ import { Callout } from 'nextra/components'
 
 fallback은 react의 Suspense의 fallback와 동일하게 동작합니다.
 
-```tsx
+```tsx /Suspense/
 import { Suspense } from '@suspensive/react'
 
 const Example = () => (
@@ -30,7 +30,7 @@ Default fallback
 
 `<Suspense.CSROnly/>`는 서버에서는 fallback을 반환합니다. mount 후(클라이언트에서는) children을 반환합니다. mount는 클라이언트에서만 일어나기 때문에 서버사이드 렌더링을 피할 수 있습니다.
 
-```tsx
+```tsx /Suspense/
 import { Suspense } from '@suspensive/react'
 
 const Example = () => (
@@ -54,7 +54,7 @@ withSuspense를 사용하면 컴포넌트를 `<Suspense/>`로 쉽게 래핑할 
 아래와 같이 withSuspense를 사용하면 이를 감싸기 위해 불필요한 코드를 만들 필요가 없습니다.
 withSuspense의 두 번째 인자는 children이 없는 `<Suspense/>`의 props입니다.
 
-```tsx
+```tsx /withSuspense/
 import { withSuspense } from '@suspensive/react'
 
 const Example = withSuspense(