fix: explicit passing Dropdown props to prevent maximum update depth (#166)

* fix: explicit passing Dropdown props to prevent maximum update depth

* chore: update README links

* fix: explicit passing Dropdown props to prevent maximum update depth

* chore: change props order

Author: robinshin

README.md

@@ -77,7 +77,7 @@ No additional steps are necessary
 
 ## Usage
 
-Wrap your root component in `AutocompleteDropdownContextProvider` from `react-native-autocomplete-dropdown` as you can see in [example](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/example/App.js)
+Wrap your root component in `AutocompleteDropdownContextProvider` from `react-native-autocomplete-dropdown` as you can see in [example](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/example/App.tsx)
 
 ```js
 <AutocompleteDropdownContextProvider>

README^2.md

@@ -208,7 +208,7 @@ export const RemoteDataSetExample2 = memo(() => {
 
 ```
 
-More examples see at <https://github.com/onmotion/react-native-autocomplete-dropdown/tree/main/example>
+More examples see at <https://github.com/onmotion/react-native-autocomplete-dropdown/tree/2.1.1/example>
 
 Run
 

README^3.md

@@ -77,7 +77,7 @@ No additional steps are necessary
 
 ## Usage
 
-Wrap your root component in `AutocompleteDropdownContextProvider` from `react-native-autocomplete-dropdown` as you can see in [example](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/example/App.js)
+Wrap your root component in `AutocompleteDropdownContextProvider` from `react-native-autocomplete-dropdown` as you can see in [example](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/3.1.5/example/App.tsx)
 
 ```js
 <AutocompleteDropdownContextProvider>
@@ -245,7 +245,7 @@ export const RemoteDataSetExample2 = memo(() => {
 
 ```
 
-More examples see at <https://github.com/onmotion/react-native-autocomplete-dropdown/tree/main/example>
+More examples see at <https://github.com/onmotion/react-native-autocomplete-dropdown/tree/3.1.5/example>
 
 ## Playground
 

src/index.tsx

@@ -461,15 +461,15 @@ export const AutocompleteDropdown = memo<
 
         setContent(
           <Dropdown
-            {...{
-              ...props,
-              direction,
-              inputHeight,
-              dataSet,
-              suggestionsListMaxHeight,
-              renderItem,
-              ListEmptyComponent,
-            }}
+            dataSet={dataSet}
+            direction={direction}
+            flatListProps={props.flatListProps}
+            inputHeight={inputHeight}
+            suggestionsListContainerStyle={props.suggestionsListContainerStyle}
+            suggestionsListMaxHeight={suggestionsListMaxHeight}
+            renderItem={renderItem}
+            ItemSeparatorComponent={props.ItemSeparatorComponent}
+            ListEmptyComponent={ListEmptyComponent}
           />,
         )
       } else {
@@ -482,7 +482,9 @@ export const AutocompleteDropdown = memo<
       direction,
       inputHeight,
       isOpened,
-      props,
+      props.suggestionsListContainerStyle,
+      props.flatListProps,
+      props.ItemSeparatorComponent,
       renderItem,
       setContent,
       suggestionsListMaxHeight,