prevent undefined values crash component

I’ve update the code manually, to prevent chrash the component with undefined values. My scenary is complex usign , redux, redux-form and sometimes the component is called when the values are not loaded , so they are undefined. Another select components prevent that.

I’d would be nice to add this code, I send where I had my updates where I hacked the code:

change 1:

          var defaultShouldRenderSuggestions = function defaultShouldRenderSuggestions(value) {
            if (typeof value === 'undefined') value = ''; // by me
            return value.trim().length > 0;
          };

chnage 2:

          key: 'getQuery',
          value: function getQuery() {
            var inputProps = this.props.inputProps;
            var value = inputProps.value;
            var valueBeforeUpDown = this.state.valueBeforeUpDown;
            if (valueBeforeUpDown === null && typeof value === 'undefined' ) { // by me
              value= ' ';
              valueBeforeUpDown ='';
            }

[JAG0991]

Also came across this problem using React. Another workaround without touching the library code is to ensure the value: state is never undefined. If using inputProps from the example the value assignment can do a undefined check. From Basic Usage:

...
// Autosuggest will pass through all these props to the input.
    const inputProps = {
      placeholder: 'Type a programming language',
      value: value ? value : '',
      onChange: this.onChange
    }; 
...

If the React tries to render without value state it will be populated with a safe empty string.

[alexcroox]

I have the same issue. At least check for the typeof string before using the trim function