title: Antd Popover close on click inside popover
body: <p>Here is a <a href="https://codesandbox.io/embed/popover-minimal-reproduction-cmfy8?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer">sandbox Antd popover</a>.</p>
  <p>Popover by default closes whenever you click anywhere outside of the popover window. I want to also have the popover close whenever you click on any content inside the popover</p>
  <p>I have seen some examples where popover is called and rendered in a class like <a href="https://codesandbox.io/embed/pmrq7q22q0?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer">this</a>. Where they use state to control visibility and in content they can use onClick={this.hide} to close the window whenever you click on that content.</p>
  <p>I would like to keep popover in a function and Links as its own function that just returns a list of links.</p>
  <p>For example, I have tried using react useState and onBlur to achieve my desired result like <a href="https://codesandbox.io/embed/popover-reproduction-8o5gq?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer">this</a>. In that sandbox if you look at the console log, the link in Links is never clicked.</p>
  <p>Is this possible with antd popover?</p>
  <p><em><strong>edit:</strong></em> I would prefer a solution that does not pass anything from the function with popover to the function producing links.</p>