fix: defaultOption prop (#201)

MobileReality · Apr 7, 2023 · 1e80ec2 · 1e80ec2
1 parent 9365ac3
commit 1e80ec2
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/.changeset/tidy-parrots-burn.md b/.changeset/tidy-parrots-burn.md
@@ -0,0 +1,5 @@
+---
+'@mobile-reality/react-native-select-pro': patch
+---
+
+`defaultOption` prop fix
diff --git a/apps/expo/src/examples/basic.tsx b/apps/expo/src/examples/basic.tsx
@@ -8,6 +8,14 @@ export const Basic = () => {
     return (
         <SafeAreaViewWrapper>
             <Select options={DATA} />
+            <Select options={DATA} defaultOption={DATA[2]} />
+            <Select
+                options={DATA}
+                defaultOption={{
+                    value: '84bc47cd-c8ab-4673-b428-3d96876f0a3f',
+                    label: 'THIRD LABEL',
+                }}
+            />
         </SafeAreaViewWrapper>
     );
 };
diff --git a/packages/react-native-select-pro/src/state/reducer.ts b/packages/react-native-select-pro/src/state/reducer.ts
@@ -90,9 +90,10 @@ export const reducer = <T>(state: State<T>, action: ActionType<T>): State<T> =>
 const setDefaultOption = <T>(options: OptionsType<T>, defaultOption: OptionType<T> | undefined) => {
     if (isValidDefaultOption(defaultOption) && options.length > 0) {
         const isSectionedOptions = isSectionOptionsType(options);
+
         const foundIndex = isSectionedOptions
-            ? getReducedSectionData(options).indexOf(defaultOption)
-            : options.indexOf(defaultOption);
+            ? getReducedSectionData(options).findIndex((item) => item.value === defaultOption.value)
+            : options.findIndex((item) => item.value === defaultOption.value);
 
         if (foundIndex !== -1) {
             return {