¿Enlace activo con React-Router?

Estoy probando React-Router (v4) y tengo problemas para iniciar el Nav para tener uno de los Linkmejores active. Si hago clic en cualquiera de las Linketiquetas, las cosas activas comienzan a funcionar. Sin embargo, me gustaría que Home Linkesté activo tan pronto como se inicie la aplicación, ya que ese es el componente que se carga en la /ruta. ¿Hay alguna forma de hacer esto?

Aquí está mi código actual:

const Router = () => (
  <BrowserRouter>
    <div>
      <Nav>
        <Link activeClassName='is-active' to='/'>Home</Link> {/* I want this to start off as active */}
        <Link activeClassName='is-active' to='/about'>About</Link>
      </Nav>

      <Match pattern='/' exactly component={Home} />
      <Match pattern='/about' exactly component={About} />
      <Miss component={NoMatch} />
    </div>
  </BrowserRouter>
)

<Link>ya no tiene las propiedades activeClassNameo activeStyle. En react-router v4, debe usar <NavLink>si desea hacer un estilo condicional:

const Router = () => (
  <BrowserRouter>
    <div>
      <Nav>
        <NavLink exact={true} activeClassName='is-active' to='/'>Home</NavLink>
        <NavLink activeClassName='is-active' to='/about'>About</NavLink>
      </Nav>

      <Match pattern='/' exactly component={Home} />
      <Match pattern='/about' exactly component={About} />
      <Miss component={NoMatch} />
    </div>
  </BrowserRouter>
)

Agregué una propiedad exacta a la casa <NavLink>, estoy bastante seguro de que sin ella, el enlace de la casa siempre estaría activo ya /que coincidiría con /aboutcualquier otra página que tenga.