NONE) fix: fix multi select single pick (#92)

* chore: fix dependency array

* chore: update version

* chore: add optional chaining

package.json

@@ -3,7 +3,7 @@
   "author": "Corca <[email protected]>",
   "description": "Design System for Corca, Inc.",
   "private": false,
-  "version": "0.0.25",
+  "version": "0.0.26",
   "type": "module",
   "packageManager": "[email protected]",
   "main": "dist/index.js",

src/components/Select/MultiSelect.tsx

@@ -51,7 +51,7 @@ export function MultiSelect<T extends string | number>({
 
   const selectedOptionItem = useMemo(() => {
     return options.filter(option => selectedValues.includes(option.value as T));
-  }, [options.length, selectedValues.length]);
+  }, [options.length, selectedValues?.length, options?.[0]?.value, selectedValues?.[0]]);
 
   const optionItems: BasicOptionItem[] = useMemo(() => {
     if (search.searchable && searchInputValue) {

src/components/Select/MultiSelectInput.tsx

@@ -48,7 +48,10 @@ export function MultiSelectInput<T extends string | number>({
   showIcon = true,
   ...props
 }: SelectInputBaseProps<T>) {
-  const itemMaxWidth = useMemo(() => getItemButtonMaxWidth(optionItems.length), [optionItems]);
+  const itemMaxWidth = useMemo(
+    () => getItemButtonMaxWidth(optionItems.length),
+    [optionItems?.length],
+  );
 
   return (
     <SelectInputWrapper width={width} onClick={onClick}>