feat: suspense in icons

daangn · Jan 17, 2025 · 39dd6d1 · 39dd6d1
1 parent 346b2a0
commit 39dd6d1
Showing 1 changed file with 15 additions and 12 deletions.
diff --git a/docs/components/iconography/icons.tsx b/docs/components/iconography/icons.tsx
@@ -13,22 +13,25 @@ import { IconProvider } from "./icon-context";
 import { IconGrid } from "./icon-grid";
 import { IconSearch } from "./icon-search";
 import { IconSegmentedControl } from "./icon-segmented-control";
+import { Suspense } from "react";
 
 export const Icons = () => {
   return (
     <NuqsAdapter>
-      <IconProvider
-        iconData={{ monochrome: MonochromeData, multicolor: MulticolorData }}
-        iconComponents={{
-          monochrome: MonochormeComponents,
-          multicolor: MulticolorComponents,
-        }}
-      >
-        <IconSegmentedControl />
-        <IconSearch />
-        <IconGrid />
-        <IconBottomInfomation />
-      </IconProvider>
+      <Suspense>
+        <IconProvider
+          iconData={{ monochrome: MonochromeData, multicolor: MulticolorData }}
+          iconComponents={{
+            monochrome: MonochormeComponents,
+            multicolor: MulticolorComponents,
+          }}
+        >
+          <IconSegmentedControl />
+          <IconSearch />
+          <IconGrid />
+          <IconBottomInfomation />
+        </IconProvider>
+      </Suspense>
     </NuqsAdapter>
   );
 };