feat(docs): select icon from search params

daangn · Oct 22, 2024 · a75475a · a75475a
1 parent 89a486e
commit a75475a
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/docs/components/icongraphy/icon-context.tsx b/docs/components/icongraphy/icon-context.tsx
@@ -43,11 +43,16 @@ export const IconProvider = ({
   iconComponents: Record<string, React.ComponentType>;
 }>) => {
   const [search, setSearch] = React.useState("");
-  const searchParams = new URLSearchParams(window.location.search);
-  const iconName = searchParams.get("icon");
-  const [selectedIcon, setSelectedIcon] = React.useState<IconData | undefined>(
-    iconName ? iconData[iconName] : undefined,
-  );
+  const [selectedIcon, setSelectedIcon] = React.useState<IconData | undefined>(undefined);
+
+  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+  React.useEffect(() => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const iconName = searchParams.get("icon");
+    if (iconName) {
+      setSelectedIcon(iconData[iconName]);
+    }
+  }, []);
 
   React.useEffect(() => {
     const checkSearchParams = () => {