The Menu component will function as a navigation bar across the frontend application by providing links to all the available views, and also be indicating the current location in the application.
To implement these navigation bar functionalities, we will use the HOC withRouter from React Router to get access to the history object's properties. The following code in the Menu component adds just the title, the Home icon linked to the root Route, and Users button linked to the '/users' route.
mern-skeleton/client/core/Menu.js:
const Menu = withRouter(({history}) => (<div> <AppBar position="static"> <Toolbar> <Typography type="title" color="inherit"> MERN Skeleton </Typography> <Link to="/"> <IconButton aria-label="Home" style={isActive(history, ...