{"action":"closed","issue":{"url":"https://api.github.com/repos/rackt/react-router/issues/2596","labels_url":"https://api.github.com/repos/rackt/react-router/issues/2596/labels{/name}","comments_url":"https://api.github.com/repos/rackt/react-router/issues/2596/comments","events_url":"https://api.github.com/repos/rackt/react-router/issues/2596/events","html_url":"https://github.com/rackt/react-router/issues/2596","id":118835378,"number":2596,"title":"Browser URL grows with each click","user":{"login":"zigrivers","id":6001051,"avatar_url":"https://avatars.githubusercontent.com/u/6001051?v=3","gravatar_id":"","url":"https://api.github.com/users/zigrivers","html_url":"https://github.com/zigrivers","followers_url":"https://api.github.com/users/zigrivers/followers","following_url":"https://api.github.com/users/zigrivers/following{/other_user}","gists_url":"https://api.github.com/users/zigrivers/gists{/gist_id}","starred_url":"https://api.github.com/users/zigrivers/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zigrivers/subscriptions","organizations_url":"https://api.github.com/users/zigrivers/orgs","repos_url":"https://api.github.com/users/zigrivers/repos","events_url":"https://api.github.com/users/zigrivers/events{/privacy}","received_events_url":"https://api.github.com/users/zigrivers/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-11-25T13:21:24Z","updated_at":"2015-11-25T14:03:58Z","closed_at":"2015-11-25T14:03:58Z","body":"I posted a question on Stackoverflow, but realized after I had posted it that I might get better responses if I asked the question here. The question can be found here: http://stackoverflow.com/questions/33916865/how-to-properly-handle-child-routes-in-react-router-routing-works-but-url-grow\r\n\r\nI am in the process of learning how to use react-router. My routing is working correctly, meaning that I get the views I need as I click the appropriate links. However, I have a view that has nested/child routes. Clicking on these child links does take me to the appropriate view, but it doesn't update the browser's URL as I would like.\r\n\r\nI start with the the IndexRoute for the view. The browser's URL starts looking like this, which is what I want:\r\n\r\n`http://localhost:3000/administration`\r\n\r\nAs I click the different child routes, it keeps appending the child route's path onto the URL, so that after a couple of clicks the browser's URL ends up looking soemthing like this:\r\n\r\n`http://localhost:3000/administration/administration/administration/administration/administration/administration/administration/administration/company-goals`\r\n\r\nWhen what I want is the browser's URL to be this:\r\n\r\n`http://localhost:3000/administration/company-goals`\r\n\r\nI have a route structure set up like the following:\r\n\r\n```html\r\n<Route path=\"/\" component={HomePage}>\r\n    <IndexRoute component={HomeView} />\r\n    <Route path=\"budgets\" component={BudgetView} />\r\n    <Route path=\"administration\" component={adminViews.Administration}>\r\n        <IndexRoute component={adminViews.Home} />\r\n        <Route path=\"department-budgets\" component={adminViews.DepartmentBudgets} />\r\n        <Route path=\"price-list\" component={adminViews.PriceList} />\r\n        <Route path=\"company-goals\" component={adminViews.CompanyGoals} />\r\n    </Route>\r\n</Route>\r\n```\r\n\r\nThe Administration view has a tabbed navigation, with a tab for each of the Administration's view's child routes.\r\n\r\nI am changing the route when the user clicks on a tab with a function like the following:\r\n\r\n```javascript\r\nselectedTab( tab ) {\r\n    const menu = menuItems.find((item) => {\r\n        return item.payload === tab.value;\r\n    });\r\n    history.pushState(null, menu.uriPath);\r\n}\r\n```\r\n\r\nAnd the uriPath for each of the routes is defined as follows:\r\n\r\n```javascript\r\nmenuItems = [\r\n    {\r\n        payload : '1',\r\n        text    : 'Home',\r\n        uriPath : 'administration'\r\n    },\r\n    {\r\n        payload : '2',\r\n        text    : 'Department Budgets',\r\n        uriPath : 'administration/department-budgets'\r\n    },\r\n    {\r\n        payload : '3',\r\n        text    : 'Price List',\r\n        uriPath : 'administration/price-list'\r\n    },\r\n    {\r\n        payload : '4',\r\n        text    : 'Company Goals',\r\n        uriPath : 'administration/company-goals'\r\n    }\r\n];\r\n```\r\n\r\nAny help would be greatly appreciated. I feel like I'm missing something very basic, but I haven't been able to identify what I'm doing wrong.\r\n\r\nThank you!"}}