fix reset dataSet

Author: onmotion

example/components/LocalDataSetExample.js

@@ -16,7 +16,12 @@ export const LocalDataSetExample = memo(() => {
         closeOnBlur={false}
         initialValue={{ id: '2' }} // or just '2'
         onSelectItem={setSelectedItem}
-        dataSet={dataSet}
+        //  dataSet={dataSet}
+        dataSet={[
+          { id: '1', title: 'Alpha' },
+          { id: '2', title: 'Beta' },
+          { id: '3', title: 'Gamma' }
+        ]}
         ItemSeparatorComponent={<View style={{ height: 1, width: '100%', backgroundColor: '#d8e1e6' }} />}
         getItemLayout={(data, index) => ({ length: 50, offset: 50 * index, index })}
       />

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-autocomplete-dropdown",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Dropdown Item picker with search and autocomplete (typeahead) functionality for react native",
   "main": "src/index.js",
   "typings": "src/index.d.ts",

src/index.js

@@ -44,6 +44,7 @@ export const AutocompleteDropdown = memo(
     }, [inputRef])
 
     useEffect(() => {
+      // VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.
       LogBox.ignoreLogs(['VirtualizedLists should never be nested'])
     }, [])
 
@@ -73,10 +74,6 @@ export const AutocompleteDropdown = memo(
       }
     }, [isOpened, props.controller])
 
-    useEffect(() => {
-      setDataSet(props.dataSet)
-    }, [props.dataSet])
-
     useEffect(() => {
       if (selectedItem) {
         setSearchText(selectedItem.title ?? '')
@@ -103,7 +100,6 @@ export const AutocompleteDropdown = memo(
 
     const _onSelectItem = useCallback(item => {
       setSelectedItem(item)
-
       inputRef.current.blur()
       setIsOpened(false)
     }, [])
@@ -151,7 +147,16 @@ export const AutocompleteDropdown = memo(
     }
 
     useEffect(() => {
-      if (!Array.isArray(props.dataSet) || props.useFilter === false || !searchText.length) {
+      setDataSet(props.dataSet)
+    }, [props.dataSet])
+
+    useEffect(() => {
+      if (!searchText.length) {
+        setDataSet(props.dataSet)
+        return
+      }
+
+      if (!Array.isArray(props.dataSet) || props.useFilter === false) {
         return
       }
 
@@ -340,8 +345,10 @@ AutocompleteDropdown.propTypes = {
   suggestionsListTextStyle: PropTypes.object,
   ChevronIconComponent: PropTypes.element,
   ClearIconComponent: PropTypes.element,
+  ScrollViewComponent: PropTypes.elementType,
   EmptyResultComponent: PropTypes.element,
-  emptyResultText: PropTypes.string
+  emptyResultText: PropTypes.string,
+  flatListProps: PropTypes.object
 }
 
 const styles = ScaledSheet.create({