fix(autocomplete): change data on update props

Author: rishichawda

lib/autocomplete/index.js

@@ -17,6 +17,7 @@ class AutoComplete extends Component {
     */
     this.state = {
       data: props.data,
+      prevProps: props.data,
       input: { [`${props.labelKey}`]: '', [`${props.valueKey}`]: null },
       showSuggestions: false,
       blockOnBlur: false,
@@ -29,6 +30,16 @@ class AutoComplete extends Component {
     this.focusedElement = null;
   }
 
+  static getDerivedStateFromProps({ data }, state) {
+    if (state && data !== state.prevProps) {
+      return {
+        data,
+        prevProps: data,
+      };
+    }
+    return null;
+  }
+
   getUpdatedData = (input) => {
     const { labelKey, data } = this.props;
     const inputlabel = input[`${labelKey}`].toLowerCase();