feat(component-docs): React.Suspense in ComponentExample

daangn · Oct 8, 2024 · e76b7e1 · e76b7e1
1 parent 2de665e
commit e76b7e1
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/component-docs/src/components/ComponentExample.tsx b/component-docs/src/components/ComponentExample.tsx
@@ -32,9 +32,9 @@ export function ComponentExample(props: ComponentExampleProps) {
 
   return (
     <ErrorBoundary>
-      <React.Suspense fallback={null}>
-        <Tabs items={["미리보기", "코드"]}>
-          <Tabs.Tab>
+      <Tabs items={["미리보기", "코드"]}>
+        <Tabs.Tab>
+          <React.Suspense fallback={null}>
             <div
               style={{
                 minHeight: "300px",
@@ -48,12 +48,12 @@ export function ComponentExample(props: ComponentExampleProps) {
             >
               {Preview}
             </div>
-          </Tabs.Tab>
-          <Tabs.Tab>
-            <React.Suspense fallback={null}>{Code}</React.Suspense>
-          </Tabs.Tab>
-        </Tabs>
-      </React.Suspense>
+          </React.Suspense>
+        </Tabs.Tab>
+        <Tabs.Tab>
+          <React.Suspense fallback={null}>{Code}</React.Suspense>
+        </Tabs.Tab>
+      </Tabs>
     </ErrorBoundary>
   );
 }