title: Properly use NoOptionsMessage in react-select to change the "no options" text
body: <p>I am trying to change the &quot;No options&quot; message in <code>react-select</code>? I was able to do this with the following code</p>
  <pre><code>&lt;AsyncSelect 
      styles={customStyles} 
      components={{ DropdownIndicator: () =&gt; null, IndicatorSeparator: () =&gt; null, NoOptionsMessage: () =&gt; &quot;test&quot; }} 
      className=&quot;form-control firm-search&quot;
      cacheOptions
      defaultOptions
      value={selectedValue}
      getOptionLabel={e =&gt; e.name}
      getOptionValue={e =&gt; e.path}
      loadOptions={loadOptions}
      onInputChange={handleInputChange}
      onChange={handleChange}
      placeholder='test ...'
  /&gt;
  </code></pre>
  <p>The problem is that the text is not styled anymore. Is it possible to change the text but keep the default style? If not, is it then possible to apply CSS to the new text?</p>