The new react-router syntax uses the Link component to move around the routes. But how could this be integrated with material-ui? In my case, I'm using tabs as the main navigation system, So in theory I should have something like this: const TabLink = ({ onClick, href, isActive, label }) => <Tab label={label} onActive={onClick} /> export default class NavBar extends React.Component { render () { r