From 5e9075cf65fa91f9870ec4b6741006135528f823 Mon Sep 17 00:00:00 2001
From: Jonghyeon Ko <manudeli.ko@gmail.com>
Date: Fri, 27 Oct 2023 03:35:58 +0900
Subject: [PATCH] docs: code reviewed

---
 docs/src/pages/docs/react/AsyncBoundary.en.mdx      | 4 ++--
 docs/src/pages/docs/react/AsyncBoundary.ko.mdx      | 4 ++--
 docs/src/pages/docs/react/ErrorBoundaryGroup.en.mdx | 2 ++
 docs/src/pages/docs/react/ErrorBoundaryGroup.ko.mdx | 2 ++
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/src/pages/docs/react/AsyncBoundary.en.mdx b/docs/src/pages/docs/react/AsyncBoundary.en.mdx
index ab9d32963..1e0e610b8 100644
--- a/docs/src/pages/docs/react/AsyncBoundary.en.mdx
+++ b/docs/src/pages/docs/react/AsyncBoundary.en.mdx
@@ -58,7 +58,7 @@ const Example = () => (
     onError={(error) => console.log(error)}
   >
     <Children />
-  </AsyncBoundary>
+  </AsyncBoundary.CSROnly>
 )
 ```
 
@@ -69,7 +69,7 @@ we don't need to make unncessary code to wrap it if we use withAsyncBoundary lik
 withAsyncBoundary's 2nd parameter is props of `<AsyncBoundary/>` without children
 
 ```tsx /withAsyncBoundary/
-import { AsyncBoundary } from '@suspensive/react'
+import { withAsyncBoundary } from '@suspensive/react'
 
 const Example = withAsyncBoundary(
   function Component() {
diff --git a/docs/src/pages/docs/react/AsyncBoundary.ko.mdx b/docs/src/pages/docs/react/AsyncBoundary.ko.mdx
index 97fd5495d..57f41edc4 100644
--- a/docs/src/pages/docs/react/AsyncBoundary.ko.mdx
+++ b/docs/src/pages/docs/react/AsyncBoundary.ko.mdx
@@ -60,7 +60,7 @@ const Example = () => (
     onError={(error) => console.log(error)}
   >
     <Children />
-  </AsyncBoundary>
+  </AsyncBoundary.CSROnly>
 )
 ```
 
@@ -71,7 +71,7 @@ withAsyncBoundary를 사용하면 컴포넌트를 `<AsyncBoundary/>`로 쉽게 
 withAsyncBoundary의 두 번째 인자는 children이 없는 `<AsyncBoundary/>`의 props입니다.
 
 ```tsx /withAsyncBoundary/
-import { AsyncBoundary } from '@suspensive/react'
+import { withAsyncBoundary } from '@suspensive/react'
 
 const Example = withAsyncBoundary(
   function Component() {
diff --git a/docs/src/pages/docs/react/ErrorBoundaryGroup.en.mdx b/docs/src/pages/docs/react/ErrorBoundaryGroup.en.mdx
index a122dec98..a85d941d9 100644
--- a/docs/src/pages/docs/react/ErrorBoundaryGroup.en.mdx
+++ b/docs/src/pages/docs/react/ErrorBoundaryGroup.en.mdx
@@ -63,6 +63,8 @@ const Example = () => (
 If you use useErrorBoundaryGroup, you can get a function to reset `<ErrorBoundary/>`s in `<ErrorBoundaryGroup/>`.
 
 ```tsx /useErrorBoundaryGroup/
+import { useErrorBoundaryGroup } from '@suspensive/react'
+
 const Example = () => {
   const group = useErrorBoundaryGroup()
 
diff --git a/docs/src/pages/docs/react/ErrorBoundaryGroup.ko.mdx b/docs/src/pages/docs/react/ErrorBoundaryGroup.ko.mdx
index 986d7cc4f..d2e6313ae 100644
--- a/docs/src/pages/docs/react/ErrorBoundaryGroup.ko.mdx
+++ b/docs/src/pages/docs/react/ErrorBoundaryGroup.ko.mdx
@@ -63,6 +63,8 @@ const Example = () => (
 useErrorBoundaryGroup을 사용하면 `<ErrorBoundaryGroup/>`내의 `<ErrorBoundary/>`들을 reset하는 함수를 얻을 수 있습니다.
 
 ```tsx /useErrorBoundaryGroup/
+import { useErrorBoundaryGroup } from '@suspensive/react'
+
 const Example = () => {
   const group = useErrorBoundaryGroup()