title: react-select how to display the option when click on using typescript
body: <p>I'm still new to <em>reactjs</em> and <em>typescript</em>.
  I have a filter search bar that filters based on what the user inputs. This also display a drop-down list if clicked on.</p>
  <p>The problem I have is when I click on the option : the bar doesn't display the option I click on. Even when I type some input then click on the options, a blank bar is shown.</p>
  <p>What is the simplest way to display the option when it's clicked on ?</p>
  <p>Also, how can I move my data to a different file like JSON file and import it in here and use it in <code>&lt;Select/&gt;</code> in place of data.</p>
  <pre class="lang-js prettyprint-override"><code>import * as React from 'react'
  import Select from 'react-select/'
  
  
  const data = [
      {label: 'React', value: 'react'},
      {label: 'ReactNative', value: 'react-native'},
      {label: 'Java', value: 'java'},
      {label: 'CSS', value: 'css'},
  ]
  
  function filter(props) {
      return &lt;div&gt;
          &lt;Select options={data} placeholder=&quot;Enter some text to filter the list below&quot; /&gt;
      &lt;/div&gt;
  }
  
  export default filter;
  </code></pre>