title: Ant design Select component OptGroup in options prop
body: <p>Is it possible to add OptGroup to options prop in Select component from Ant Design (<a href="https://ant.design/components/select/" rel="nofollow noreferrer">https://ant.design/components/select/</a>)?</p>
  <pre><code>import React from 'react';
  import { Select } from 'antd';
  
  const Places = () =&gt; {
    function handleChange(value, objectValues) {
      console.log(value);
      console.log(objectValues);
    }
  return (
   &lt;&gt;
      &lt;Select
        labelInValue
        defaultValue={{ value: 'Lucy' }}
        style={{ width: 120 }}
        onChange={handleChange}
        options={[ // add OptGroup here ??
          { label: 'Jack', value: 'Jack', id: '1' },
          { label: 'Lucy', value: 'Lucy', id: '2' },
        ]}
       /&gt;
    &lt;/&gt;
    );
    };
  
  export default Places;
  </code></pre>
  <p>instead of doing it like this the traditional way, I want to add the OptGroup to the options prop.</p>
  <pre><code>&lt;Select defaultValue=&quot;lucy&quot; style={{ width: 200 }} onChange={handleChange}&gt;
   &lt;OptGroup label=&quot;Manager&quot;&gt;
    &lt;Option value=&quot;jack&quot;&gt;Jack&lt;/Option&gt;
    &lt;Option value=&quot;lucy&quot;&gt;Lucy&lt;/Option&gt;
   &lt;/OptGroup&gt;
  &lt;/Select&gt;
  </code></pre>