<Route name="contact" path="/contact/:id" handler={Contact}/>
<Route name="new" path="/contact/new" handler={NewContact}/>In this scenario transitioning to "new" will incorrectly match "contact" first and render. Reverse them and it'll work as expected like below:
<Route name="new" path="/contact/new" handler={NewContact}/>
<Route name="contact" path="/contact/:id" handler={Contact}/>
In this scenario transitioning to "new" will incorrectly match "contact" first and render. Reverse them and it'll work as expected like below: