Есть ли альтернатива использованию <Link> вне <Router> с реакцией?

Я пытаюсь использовать Link в компоненте за пределами маршрутизатора в React, но получаю сообщение об ошибке:

You should not use outside a <Router>

Я хочу отобразить свой компонент приложения, который содержит все необходимые подкомпоненты, и компоненты HeaderIcons, которые должны отображаться на каждой странице вверху. компонент HeaderIcons содержит ссылку на определенный маршрут.

Это метод рендеринга в приложении:

render() {
    return (
        <Router history = {browserHistory}>
            <div>
                <Route onEnter = {this.onRouteUpdate.bind(this)} exact path = "" component = {Configration} />
                <Route onEnter = {this.onRouteUpdate.bind(this)} path = "/PersonalData" component = {Headerlayout} />
            </div>
        </Router>
    );
}

onRouteUpdate(routerState) {
    window.scrollTo(0, 0);
    sendLocation(routerState.location);
}


ReactDom.render(<App />, document.getElementById("content"));
ReactDom.render(<HeaderIcons />, document.getElementById("configuration_icons"));

А это ссылка в HeaderIcons:

<Link 
    to = "/PersonalData"
    className = "icon"
    onMouseOver = {this.onmouseoverHandler}
    onMouseOut = {this.onmouseooutHandler}>
    <img src = "/static/images/user.png" alt = "User" />
</Link>

Есть ли способ добиться этого с помощью React Router v4?