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 ``s default fallback with ``. D `` 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 `` 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 `` 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 ``는 서버에서는 fallback을 반환합니다. mount 후(클라이언트에서는) children을 반환합니다. mount는 클라이언트에서만 일어나기 때문에 서버사이드 렌더링을 피할 수 있습니다. -```tsx +```tsx /Suspense/ import { Suspense } from '@suspensive/react' const Example = () => ( @@ -54,7 +54,7 @@ withSuspense를 사용하면 컴포넌트를 ``로 쉽게 래핑할 아래와 같이 withSuspense를 사용하면 이를 감싸기 위해 불필요한 코드를 만들 필요가 없습니다. withSuspense의 두 번째 인자는 children이 없는 ``의 props입니다. -```tsx +```tsx /withSuspense/ import { withSuspense } from '@suspensive/react' const Example = withSuspense(