How to set the DefaultRoute to another Route in React Router

Question

I have the following:

Answer 1

I was incorrectly trying to create a default path with:

But this creates two different paths that render the same component. Not only is this pointless, but it can cause glitches in your UI, i.e., when you are styling elements based on this.history.isActive().

The right way to create a default route (that is not the index route) is to use :

This is based on react-router 1.0.0. See https://github.com/rackt/react-router/blob/master/modules/IndexRedirect.js.