Diante dos erros que tive entre as versões tentei buscar uma forma de realizar lendo a documentação e um artigo de um site. (https://codeburst.io/react-router-v4-unofficial-migration-guide-5a370b8905a)
Realizei a tarefa de uma forma diferente e gostaria de saber se é uma má prática.
mudanças no index.js
<Router>
<Route path="/" component={App} />
</Router>
mudanças no App.js
<div id="main">
<Switch>
<Route exact path="/home" component={Home} />
<Route exact path="/autor" component={AutorBox} />
<Route exact path="/" component={Home} />
</Switch>
</div>
Dessa forma funcionou pra mim, mas não ficaram todos os links dentro do index.js, seria isso uma má prática?