Как скрыть оверлей (всплывающее окно) при открытии модального окна?

У меня есть всплывающее окно реакции-ускорения, которое содержит меню внутри и открывает ссылку (ссылка на реакцию-маршрутизатор), которая содержится в модальном режиме реакции-ускорения.

Проблема в том, что при открытии модального окна всплывающее окно не закрывается. Как мне заставить его закрыться после того, как я нажал на ссылку?

Прямо сейчас всплывающее окно находится поверх модального окна.

Вот мой код:

    render() {

    const { uname } = this.props;

        const popover = (
            <Popover id="popover" title={uname}>
                <ul>
                    <li><Link to={'/user/' + uname}>User</Link></li>
                    <li><Link to={{ pathname: '/add', query: { uname: uname } }}>Add Friend</Link></li>
                    <li>Block</li>
                </ul>
            </Popover>
        );


    return (
            <OverlayTrigger trigger="click"
                                            rootClose={true}
                                            placement='right'
                                            overlay={popover}
                                            key={uname}>
                {this.props.children}
            </OverlayTrigger>
        )
    }

}