fix type error

Author: noahwaldner

packages/components/src/components/Select/Combobox.tsx

@@ -22,7 +22,7 @@ export type ComboboxProps = {
     /**
      * The active value in the combobox component. This is used to control the combobox externally.
      */
-    value?: string;
+    value?: string | null;
     /**
      * The default value of the combobox component. Used for uncontrolled usages.
      */

packages/components/src/components/Select/Select.stories.tsx

@@ -240,7 +240,7 @@ export const ExternallyControlled: Story = {
         },
     ],
     render: (args) => {
-        const [activeItem, setActiveItem] = useState<string>();
+        const [activeItem, setActiveItem] = useState<string | null>();
         return (
             <>
                 <Select

packages/components/src/components/Select/Select.tsx

@@ -25,7 +25,7 @@ export type SelectComponentProps = {
     /**
      * The active value in the select component. This is used to control the select externally.
      */
-    value?: string;
+    value?: string | null;
     /**
      * The default value of the select component. Used for uncontrolled usages.
      */

packages/components/src/components/Select/useSelectData.tsx

@@ -93,7 +93,7 @@ export const useSelectData = (children: ReactNode) => {
     );
 
     const getItemByValue = useCallback(
-        (value?: string) => (value ? itemValues.find((item) => item.value === value) : undefined),
+        (value?: string | null) => (value ? itemValues.find((item) => item.value === value) : undefined),
         [itemValues],
     );