title: Routing in Chrome Extension written in React
body: <p>I want 2 pages in my Chrome extension. For example: first(default) page with list of users and second with actions for this user.</p>
  
  <p>I want to display second page by clicking on user(<code>ClickableListItem</code> in my case). I use React and React Router. Here the component in which I have:</p>
  
  <pre><code>class Resents extends React.Component {
  constructor(props) {
    super(props);
    this.handleOnClick = this.handleOnClick.bind(this);
  }
  handleOnClick() {
    console.log('navigate to next page');
    const path = '/description-view';
    browserHistory.push(path);
  }
  render() {
    const ClickableListItem = clickableEnhance(ListItem);
    return (
      &lt;div&gt;
        &lt;List&gt;
          &lt;ClickableListItem
            primaryText="Donald Trump"
            leftAvatar={&lt;Avatar src="img/some-guy.jpg" /&gt;}
            rightIcon={&lt;ImageNavigateNext /&gt;}
            onClick={this.handleOnClick}
          /&gt;
        // some code missed for simplicity
        &lt;/List&gt;
      &lt;/div&gt;
    );
  }
  }
  </code></pre>
  
  <p>I also tried to wrap <code>ClickableListItem</code> into <code>Link</code> component(from <code>react-router</code>) but it does nothing. </p>
  
  <p>Maybe the thing is that Chrome Extensions haven`t their <code>browserHistory</code>... But I don`t see any errors in console... </p>
  
  <p>What can I do for routing with React? </p>