Ребят, почему то с обёрткой App - роутер не переключается,

Question

Ребят, почему то с обёрткой App - роутер не переключается,

то есть на каком компоненте страница загрузилась, на таком и остаётся, на другие не переключается.
а если за место App - обычный div - то всё ок, никто не знает, почему так?

index.js
ReactDOM.render(
<Provider store={store}>
<Router>
<App>
<Navbar/>
<p>Links:</p>
<Link to="/">Reminders</Link>
<Link to="/login">Login</Link>
<Link to="/register">Register</Link>
<hr/>
<div id="content" style={{padding: 8}}>
<Route path="/" exact component={Reminders}/>
<Route path="/login" component={Login}/>
<Route path="/register" component={Register}/>
</div>
</App>
</Router>
</Provider>,
document.getElementById('root')
)

App.js
const App = ({
children,
classes: { root },
getRemindersFromApi
}) => {
getRemindersFromApi()

return (
<div style={{root}}>
{children}
</div>
)
}

и никаких ошибок и варнингов
убрал connect и withStyles...