hunk.code_window: type State = {
     inputValue: string,
   };
   const filterColors = (inputValue: string) => {
     if (inputValue) {
       return colourOptions.filter(i =>
           i.label.toLowerCase().includes(inputValue.toLowerCase())
         );
     }
     return colourOptions;
   };
   const promiseOptions = inputValue =>
     new Promise(resolve => {
       setTimeout(() => {
  
hunk.labels: keep keep keep keep keep replace replace replace replace replace replace keep keep keep keep keep
hunk.after_edit:   return colourOptions.filter(i =>
       i.label.toLowerCase().includes(inputValue.toLowerCase())
     );
  
hunk.file_path: docs/examples/AsyncMulti.js
hunk.type: replace
file: import React, { Component } from 'react';
  import Select, { components } from '../../src';
  import { colourOptions } from '../data';
  
  
  const SingleValue = ({ children, ...props }) => (
      <components.SingleValue {...props}>
        {children}
      </components.SingleValue>
  );
  
  type State = {};
  
  export default class CustomControl extends Component<*, State> {
    state = {};
    render() {
      return (
        <Select
          defaultValue={colourOptions[0]}
          isClearable
          styles={{ singleValue: (base) => ({ ...base, padding: 5, borderRadius: 5, background: colourOptions[2].color, color: 'white', display: 'flex' }) }}
          components={{ SingleValue }}
          isSearchable
          name="color"
          options={colourOptions}
        />
      );
    }
  }
  