React Bootstrap - How to manually close OverlayTrigger
Hide function is not a public function on OverlayTrigger. Set <OverlayTrigger rootClose={true}... and then on your onClick event trigger call document.body.click().
Add a ref to the <OverlayTrigger ref="overlay"... element and call the hide method once the element has been rendered. Haven't tested it but should work:
this.refs.overlay.hide();
If someone is searching for a solution without "close" button but rather -> close it on second click here it is:
<OverlayTrigger trigger="focus" placement="top" overlay={popover}> <a tabindex="0">Some text</a> </OverlayTrigger>