title: React Select with Async - Failing to load options
body: <p>I am attempting to create a <a href="https://github.com/JedWatson/react-select" rel="noreferrer">react-select</a> async input field that provides model numbers based on user input. My API is working, as is the Fetch, which is producing the exact 'options' object required to populate dropdown (I checked both the network requests and the console).</p>
  
  <p>The problem is that when I start typing, the dropdown shows that it is loading, but no options are added to it.</p>
  
  <p><a href="https://i.stack.imgur.com/T8iN2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/T8iN2.png" alt="enter image description here"></a></p>
  
  <p>Here is an example output from the Fetch call: 
  <code>{options: [{value: "WA501006", label: "WA501006"}]}.</code></p>
  
  <p>This is my code:</p>
  
  <pre><code>getModelsAPI = (input) =&gt; {
  
          if (!input) {
              return Promise.resolve({ options: [] });
          }
  
          const url = `(...)?cmd=item_codes_json&amp;term=${input}`;
  
          fetch(url, {credentials: 'include'})
              .then((response) =&gt; {
                  return response.json();
              })
              .then((json) =&gt; {
                  const formatted = json.map((l) =&gt; {
                      return Object.assign({}, {
                          value: l.value,
                          label: l.label
                      });
                  })
                  return { options: formatted }
              })
      }
  
  onChange = (value) =&gt; {
      this.setState({
          value: value
      })
  }
  
  &lt;Select.Async
    value={this.state.value}
    loadOptions={this.getModelsAPI}
    placeholder="Enter Model"
    onChange={this.onChange}
  /&gt;
  </code></pre>