title: How to exclude some options from React Select options
body: <p>I have around 50 options to be shown in the react select options. But I want to exclude some of the options with logic to already posted values.
  The purpose is, that we have a form where we add values from the drop-down list. if one item is been added then that should not have to be shown in the dropdown list.</p>
  <p>refactored code:</p>
  <pre><code>export default function App() {
    const choices = [
      {
        value: 0,
        label: &quot;Container empty to shipper&quot;
      },
      {
        value: 1,
        label: &quot;Container pickup at shipper&quot;
      },
      {
        value: 2,
        label: &quot;Container arrival at first POL (Gate in)&quot;
      },
      {
        value: 3,
        label: &quot;Container loaded at first POL&quot;
      }
    ];
  
    const postedList = [
      &quot;Container empty to shipper&quot;,
      &quot;Container pickup at shipper&quot;
    ];
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;h1&gt;Select Box&lt;/h1&gt;
        &lt;Select
          isClearable={false}
          // here the choices should be 2 eliminating the other 2 whose labels are matching to postedlist 
          options={choices}
          defaultValue={choices[0]}
          onChange={(choice) =&gt; console.log(choice.value)}
        /&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>Currently, it's rendering all 4 choices available but I want to return only 2 of them whose labels are not matching to <code>postedlist </code></p>
  <p>I also have created <a href="https://codesandbox.io/s/musing-cherry-8xkwgs?file=/src/App.js" rel="nofollow noreferrer">Codesandbox</a>. If you want to see it there.</p>