fix(app): hoaphantn7604#253 error handling included

Closes: hoaphantn7604#253

Author: gabrielroodriz

src/components/Dropdown/index.tsx

@@ -18,13 +18,13 @@ import {
   Keyboard,
   KeyboardEvent,
   Modal,
+  StatusBar,
   StyleSheet,
   Text,
   TouchableHighlight,
   TouchableWithoutFeedback,
   View,
   ViewStyle,
-  StatusBar,
 } from 'react-native';
 import { useDetectDevice } from '../../toolkits';
 import { useDeviceOrientation } from '../../useDeviceOrientation';
@@ -265,24 +265,31 @@ const DropdownComponent: <T>(
     }, [value, data, getValue]);
 
     const scrollIndex = useCallback(() => {
-      if (autoScroll && data.length > 0 && listData.length === data.length) {
+      if (autoScroll && data.length > 0 && listData?.length === data?.length) {
         setTimeout(() => {
           if (refList && refList?.current) {
             const defaultValue =
               typeof value === 'object' ? _.get(value, valueField) : value;
 
-            const index = _.findIndex(listData, (e: any) =>
+            const index = _.findIndex(listData, (e) =>
               _.isEqual(defaultValue, _.get(e, valueField))
             );
-            if (
-              listData.length > 0 &&
-              index > -1 &&
-              index <= listData.length - 1
-            ) {
-              refList?.current?.scrollToIndex({
-                index: index,
-                animated: false,
-              });
+
+            if (index > -1 && index < listData.length) {
+              try {
+                refList.current.scrollToIndex({
+                  index: index,
+                  animated: false,
+                });
+              } catch (error) {
+                console.warn(`scrollToIndex error: ${error}`);
+              }
+            } else {
+              console.warn(
+                `scrollToIndex out of range: requested index ${index} is out of 0 to ${
+                  listData.length - 1
+                }`
+              );
             }
           }
         }, 200);