experiment: use useControlled

homarr-labs · Jan 5, 2025 · cd8f314 · cd8f314
1 parent 37050a8
commit cd8f314
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/apps/nextjs/src/components/icons/picker/icon-picker.tsx b/apps/nextjs/src/components/icons/picker/icon-picker.tsx
@@ -17,7 +17,7 @@ import {
   UnstyledButton,
   useCombobox,
 } from "@mantine/core";
-import { useDebouncedValue } from "@mantine/hooks";
+import { useDebouncedValue, useUncontrolled } from "@mantine/hooks";
 import { IconUpload } from "@tabler/icons-react";
 
 import { clientApi } from "@homarr/api/client";
@@ -40,6 +40,7 @@ export const IconPicker = ({ initialValue, onChange, error, onFocus, onBlur }: I
   const [search, setSearch] = useState(initialValue ?? "");
   const [previewUrl, setPreviewUrl] = useState<string | null>(initialValue ?? null);
   const { data: session } = useSession();
+  const [a, b] = useUncontrolled({ value, onChange, defaultValue: initialValue });
 
   const tCommon = useScopedI18n("common");