title: Select with chip input not displaying the selected value
body: <p>I have a Select and the inputs are in Chip Format. I tried console log of the value selected and it is getting it fine. But for some reason, it does not get displayed on the select box. What am I doing wrong here?</p>
  
  <pre><code> handleChange = event =&gt; {
      this.setState({ badge : event.target.value });
    };
  
   const chipOptions = [
        {key: 1, 'text': 'text1',  'value': 'text1'},
        {key: 2, 'text':'text2', 'value':'text2'},
        {key: 3, 'text':'text3', 'value':'text3'}
      ]
  
  &lt;FormControl className={classes.formControl}&gt;
              &lt;Select
                value={this.state.badge}
                onChange={this.handleChange}
                inputProps={{
                  name: 'badge',
                  id: 'badge-simple',
                }}
              &gt;
              {chipOptions &amp;&amp; chipOptions.map(option=&gt; (
                &lt;Chip key={option.value} label={option.value} className={classes.chip} value={option.value} /&gt;
              ))}
  
            &lt;/Select&gt;
          &lt;/FormControl&gt;
  </code></pre>