Material-UI withStyles doesn't apply any kind of styles

Question

I used the example in Material-UI for an AppBar and I simply changed it from a function to a class component, after that I looked at how to use

Answer 1

You should not be trying to use makeStyles along with withStyles. makeStyles returns a custom hook and passing this custom hook into withStyles will not work correctly.

Instead, you want the following:

const styles = theme => ({
    grow: {
        flexGrow: 1,
        zIndex: 1000,
    },
    /* and all your other styles ... */
});

// other stuff (e.g. your SideDrawer component) ...

export default withStyles(styles)(SideDrawer);