reactjs - 外側をクリックしてボタンでreactjsのbootstrap-popoverを閉じる

Question

こんにちは、その中にボタンがあるブートストラップポップオーバーがあります。ボタンをクリックしたときとフォーカスを失ったときにポップオーバーを閉じたいのですが、どうすればよいですか? ここにフィドルがあります

var Hello = React.createClass({
  render: function() {
    return (
      <ReactBootstrap.OverlayTrigger trigger="focus" placement="right" overlay={<ReactBootstrap.Popover title="Popover bottom"><strong>Holy guacamole!</strong> Check this info<ReactBootstrap.Button bsStyle='primary'>Save</ReactBootstrap.Button> </ReactBootstrap.Popover>}>
        <ReactBootstrap.Button bsStyle="default">Holy guacamole!</ReactBootstrap.Button>
      </ReactBootstrap.OverlayTrigger>
    );
  }
});

React.render(<Hello />, document.getElementById('app'));

popover 内をクリックすると popover が閉じます。