title: Is there any alternative to use <Link> outside a <Router> with react?
body: <p>I'm trying to use Link in a component outside the Router in React but i'm getting the error: </p>
  
  <blockquote>
    <p>You should not use  outside a <code>&lt;Router&gt;</code></p>
  </blockquote>
  
  <p>I want to render my App component, that contains all needed subcomponents, and the HeaderIcons components, that must be shown in every page on the top.
  the HeaderIcons component contains a Link to a specific Route. </p>
  
  <p>This is the render method in App:</p>
  
  <pre><code>render() {
      return (
          &lt;Router history={browserHistory}&gt;
              &lt;div&gt;
                  &lt;Route onEnter={this.onRouteUpdate.bind(this)} exact path="" component={Configration} /&gt;
                  &lt;Route onEnter={this.onRouteUpdate.bind(this)} path="/PersonalData" component={Headerlayout} /&gt;
              &lt;/div&gt;
          &lt;/Router&gt;
      );
  }
  
  onRouteUpdate(routerState) {
      window.scrollTo(0, 0);
      sendLocation(routerState.location);
  }
  
  
  ReactDom.render(&lt;App /&gt;, document.getElementById("content"));
  ReactDom.render(&lt;HeaderIcons /&gt;, document.getElementById("configuration_icons"));
  </code></pre>
  
  <p>And this is the Link in HeaderIcons:</p>
  
  <pre><code>&lt;Link 
      to="/PersonalData"
      className="icon"
      onMouseOver={this.onmouseoverHandler}
      onMouseOut={this.onmouseooutHandler}&gt;
      &lt;img src="/static/images/user.png" alt="User" /&gt;
  &lt;/Link&gt;
  </code></pre>
  
  <p>Is there a way to achieve this with react Router v4?</p>