title: React-select - Options are not focused on the selected value
body: <p>I'm using react-select in the 3.1 version.
  Thanks to this library, I've done a <strong>WeekSelector</strong> component which allows user to select one specific week.</p>
  <p>Here is my code: (simplified to illustrate important sections)</p>
  <pre><code>class WeekSelector extends Component {
  
      onSelectChange = week =&gt; {
          const { name, onChange } = this.props;
  
          if (onChange &amp;&amp; week) {
              onChange(name, Number.parseInt(week.value));
          }
          else if(!week){
              onChange(name, moment().week());
          }
      };
  
      render() {
          const { disabled = false, id, name, value, year } = this.props;
  
          //Number of weeks in a year 
          const weeks = this.getWeeksDetails(year);
  
          //Get value
          const formattedValue = weeks.find(week =&gt; {
  
              if(week.value === value){
                  return {
                      value: week.value,
                      label: &quot;Week&quot; + week.value + week.details,
                  };
              }
          });
  
          return (
              &lt;Select
                  isClearable
                  id={id}
                  name={name}
                  isDisabled={disabled}
                  options={weeks.map(week =&gt; {
                      return {
                          value: week.value,
                          label: &quot;Week&quot; + week.value + week.details,
                      };
                  })}
                  value={formattedValue}
                  onChange={this.onSelectChange}
              /&gt;
          );
      }
  </code></pre>
  <p>The problem is the following, when I select a value in options, the value is selected properly.</p>
  <p><a href="https://i.stack.imgur.com/5jN0Q.jpg" rel="nofollow noreferrer">Week selected</a></p>
  <p>But when i reopen the selector to see all the options. The selector does not focus on the selected value.</p>
  <p><a href="https://i.stack.imgur.com/qliQ4.jpg" rel="nofollow noreferrer">Opened options with a value selected</a></p>
  <p>I seen thanks to the documentation of react-select and some online examples, that when I remove my onSelectChange function, or a setState call the value is properly selected when I reopen the options selector.</p>
  <p><a href="https://i.stack.imgur.com/qLKVI.jpg" rel="nofollow noreferrer">Week properly selected</a></p>
  <p>I am therefore looking for a way to use my method <strong>onSelectChange</strong> and having the selector options calibrated to the chosen value.</p>
  <p>Thank you for your attention to this issue.</p>
  <p>Bye.</p>