title: react-select debounced async call not displaying suggestions
body: <p>I'm using <a href="https://github.com/JedWatson/react-select" rel="noreferrer">react-select</a> loading the results from an api and debouncing the queries with <a href="https://www.npmjs.com/package/lodash.debounce" rel="noreferrer">lodash.debounce</a>:</p>
  
  <pre><code>import React, {useState} from 'react';
  import AsyncSelect from 'react-select/lib/Async';
  import debounce from 'lodash.debounce';
  import {search} from './api';
  
  const _loadSuggestions = (query, callback) =&gt; {
    return search(query)
      .then(resp =&gt; callback(resp));
  };
  
  const loadSuggestions = debounce(_loadSuggestions, 300);
  
  function SearchboxTest() {
    const [inputValue, setInputValue] = useState("");
  
    const onChange = value =&gt; {
      setInputValue(value);
    };
  
    return (
      &lt;AsyncSelect
        value={inputValue}
        loadOptions={loadSuggestions}
        placeholder="text"
        onChange={onChange}
      /&gt;
    )
  }
  
  </code></pre>
  
  <p>It seems to work fine when I enter something in the searchbox for the first time (query is debounced and suggestions populated correctly), but if I try to enter a new value, a second fetch query is fired as expected, but the suggestions coming from that second call are not displayed (and I don't get the "Loading..." message that react-select displays).</p>
  
  <p>When I don't debounce the call the problem seems to go away (for the first and any subsequent calls):</p>
  
  <pre><code>import React, {useState} from 'react';
  import AsyncSelect from 'react-select/lib/Async';
  import {search} from '../../api';
  
  const loadSuggestions = (query, callback) =&gt; {
    return search(query)
      .then(resp =&gt; callback(resp));
  };
  
  function SearchboxTest() {
    const [inputValue, setInputValue] = useState("");
  
    const onChange = value =&gt; {
      setInputValue(value);
    };
  
    return (
      &lt;AsyncSelect
        value={inputValue}
        loadOptions={loadSuggestions}
        placeholder="text"
        onChange={onChange}
      /&gt;
    )
  }
  
  </code></pre>
  
  <p>Any idea what is going on? Any help to understand this issue would be much appreciated.</p>
  
  <p>M;</p>