Estou tentando usar um component personalizado, como o código abaixo, mas o mesmo está dando erro, alguém pode me dar uma luz do por que está acontecendo o erro?
import React from 'react';
import {withStyles, createStyleSheet} from 'material-ui/styles'
import PropTypes from 'prop-types';
import {Drawer} from 'material-ui';
const styleSheet = createStyleSheet({
paper: {
height: 'calc(100% - 64px)',
top: 64
}
})
class CustomDrawer extends React.Component {
render () {
const classes = this.props.classes
return (
<Drawer
classes={{ paper: classes.paper}}
/>
)
}
}
CustomDrawer.propTypes = {
classes: PropTypes.object.isRequired
};
export default withStyles(styleSheet)(CustomDrawer);
Esse erro está acontecendo e eu não estou entendendo
TypeError: Object(...) is not a function ./src/components/CustomDrawer/CustomDrawer.jsx src/components/CustomDrawer/CustomDrawer.jsx:
3 | import PropTypes from 'prop-types';
4 | import {Drawer} from 'material-ui';
5 |
> 6 | const styleSheet = createStyleSheet({
7 | paper: {
8 | height: 'calc(100% - 64px)',
9 | top: 64