title: How to open Dropdown within Antd React AutoComplete options?
body: <p>I have an AutoComplete and it has onSearch event. They are working perfectly. Now, I need to add a dropdown to autocomplete options.  The problem is that, when I expect to see opening dropdown, still onSearch is working and dropdown options can't be seen. The thing I am trying to do is that, when user click on dropdown I should show dropdown menu. When user click any other part of the option other than dropdown button, then onSearch should work as expected.</p>
  <p>This is autocomplete :</p>
  <pre><code>&lt;AutoComplete
    dropdownClassName=&quot;certain-category-search-dropdown&quot;
    dropdownMatchSelectWidth={500}
    style={{
      width: 250
    }}
    options={options}
    onSelect={onSelect}      
  &gt;
    &lt;Input.Search size=&quot;large&quot; placeholder=&quot;input here&quot; /&gt;
  &lt;/AutoComplete&gt;
  </code></pre>
  <p>This is renderItem function for options, it has dropdown :</p>
  <pre><code>const renderItem = (title, count) =&gt; ({
    value: title,
    label: (
      &lt;div
        style={{
          display: &quot;flex&quot;,
          justifyContent: &quot;space-between&quot;
        }}
      &gt;
        {title}
        &lt;span&gt;
          &lt;Dropdown overlay={menu} trigger={[&quot;click&quot;]}&gt;
            &lt;span
              className=&quot;ant-dropdown-link&quot;
              onClick={(e) =&gt; e.preventDefault()}
            &gt;
              Click me &lt;DownOutlined /&gt;
            &lt;/span&gt;
          &lt;/Dropdown&gt;
          {count}
        &lt;/span&gt;
      &lt;/div&gt;
    )
  });
  </code></pre>
  <p>This is a simulation of my situation. Also it does not have to be dropdown. When if it is a button or sth   the scenario is the same. I could not prevent onSelect running on click.</p>