{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-router-bootstrap/issues/152","repository_url":"https://api.github.com/repos/react-bootstrap/react-router-bootstrap","labels_url":"https://api.github.com/repos/react-bootstrap/react-router-bootstrap/issues/152/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-router-bootstrap/issues/152/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-router-bootstrap/issues/152/events","html_url":"https://github.com/react-bootstrap/react-router-bootstrap/issues/152","id":134734512,"number":152,"title":"Active class only set when doing a full page refresh","user":{"login":"olalonde","id":416585,"avatar_url":"https://avatars.githubusercontent.com/u/416585?v=3","gravatar_id":"","url":"https://api.github.com/users/olalonde","html_url":"https://github.com/olalonde","followers_url":"https://api.github.com/users/olalonde/followers","following_url":"https://api.github.com/users/olalonde/following{/other_user}","gists_url":"https://api.github.com/users/olalonde/gists{/gist_id}","starred_url":"https://api.github.com/users/olalonde/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/olalonde/subscriptions","organizations_url":"https://api.github.com/users/olalonde/orgs","repos_url":"https://api.github.com/users/olalonde/repos","events_url":"https://api.github.com/users/olalonde/events{/privacy}","received_events_url":"https://api.github.com/users/olalonde/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-02-19T00:04:45Z","updated_at":"2016-02-19T00:24:11Z","closed_at":null,"body":"For some reason, when I click NavItems in my header everything works as expected (the URL changes) but the `active` class is not updated unless I do a full page refresh. Using `react-router`'s Link component works as expected though.\r\n\r\n```\r\n\"react-bootstrap\": \"^0.28.2\",\r\n\"react-router-bootstrap\": \"^0.20.1\",\r\n\"react-router-redux\": \"^3.0.0\",\r\n```"},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-router-bootstrap/issues/comments/185990811","html_url":"https://github.com/react-bootstrap/react-router-bootstrap/issues/152#issuecomment-185990811","issue_url":"https://api.github.com/repos/react-bootstrap/react-router-bootstrap/issues/152","id":185990811,"user":{"login":"olalonde","id":416585,"avatar_url":"https://avatars.githubusercontent.com/u/416585?v=3","gravatar_id":"","url":"https://api.github.com/users/olalonde","html_url":"https://github.com/olalonde","followers_url":"https://api.github.com/users/olalonde/followers","following_url":"https://api.github.com/users/olalonde/following{/other_user}","gists_url":"https://api.github.com/users/olalonde/gists{/gist_id}","starred_url":"https://api.github.com/users/olalonde/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/olalonde/subscriptions","organizations_url":"https://api.github.com/users/olalonde/orgs","repos_url":"https://api.github.com/users/olalonde/repos","events_url":"https://api.github.com/users/olalonde/events{/privacy}","received_events_url":"https://api.github.com/users/olalonde/received_events","type":"User","site_admin":false},"created_at":"2016-02-19T00:24:11Z","updated_at":"2016-02-19T00:24:11Z","body":"Here's my header file:\r\n\r\n```javascript\r\nimport React from 'react'\r\nimport { LinkContainer } from 'react-router-bootstrap'\r\nimport { connect } from 'react-redux'\r\nimport {\r\n  Nav,\r\n  Navbar,\r\n  NavItem,\r\n  MenuItem,\r\n} from 'react-bootstrap'\r\n\r\nexport default connect()(class extends React.Component {\r\n  constructor(props) {\r\n    super(props)\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Navbar>\r\n        <Navbar.Header>\r\n          <Navbar.Brand className=\"nav-logo\">\r\n            <LinkContainer to=\"/\">\r\n              <a href=\"/\"><img src=\"/logo.png\" alt=\"Blockai logo\" /></a>\r\n            </LinkContainer>\r\n          </Navbar.Brand>\r\n          <Navbar.Toggle />\r\n        </Navbar.Header>\r\n        <Navbar.Collapse>\r\n          <Nav pullLeft>\r\n            <LinkContainer to=\"/product\">\r\n              <NavItem>Product</NavItem>\r\n            </LinkContainer>\r\n            <LinkContainer to=\"/pricing\" activeClassName=\"none\">\r\n              <NavItem>Pricing</NavItem>\r\n            </LinkContainer>\r\n            <LinkContainer to=\"/faq\" activeClassName=\"none\">\r\n              <NavItem eventKey={3}>FAQ</NavItem>\r\n            </LinkContainer>\r\n          </Nav>\r\n          <Nav pullRight>\r\n            <LinkContainer to=\"auth/login\" activeClassName=\"none\">\r\n              <NavItem eventKey={4}>Login</NavItem>\r\n            </LinkContainer>\r\n            <LinkContainer to=\"auth/signup\" activeClassName=\"none\">\r\n              <MenuItem eventKey={5}>Sign Up</MenuItem>\r\n            </LinkContainer>\r\n          </Nav>\r\n        </Navbar.Collapse>\r\n      </Navbar>\r\n    )\r\n  }\r\n})\r\n```"}}