fix: catch null value in onSelect (#2169)

Frontify · Jan 21, 2025 · 8dafc15 · 8dafc15
1 parent 57d7a63
commit 8dafc15
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/six-nails-retire.md b/.changeset/six-nails-retire.md
@@ -0,0 +1,5 @@
+---
+"@frontify/fondue-components": patch
+---
+
+fix: catch null value in the `onSelect` callback for the Select component
diff --git a/packages/components/src/components/Select/Select.tsx b/packages/components/src/components/Select/Select.tsx
@@ -21,7 +21,7 @@ export type SelectComponentProps = {
     /**
      * Callback function that is called when an item is selected.
      */
-    onSelect?: (selectedValue: string) => void;
+    onSelect?: (selectedValue?: string) => void;
     /**
      * The active value in the select component. This is used to control the select externally.
      */
@@ -94,7 +94,7 @@ export const SelectInput = (
                 setHasInteractedSinceOpening(true);
             },
             onSelectedItemChange: ({ selectedItem }) => {
-                onSelect && onSelect(selectedItem.value);
+                onSelect && onSelect(selectedItem?.value);
             },
             itemToString: (item) => (item ? item.label : ''),
         });