我无法在REACT中使用Material UI构建此布局

npm install @material-ui/core

import React from 'react';
import { AppBar, Toolbar, Typography, Drawer, List, ListItem, ListItemText, Container } from '@material-ui/core';

const Layout = () => {
  return (
    <div>
      <AppBar position="static">
        <Toolbar>
          <Typography variant="h6">My App</Typography>
        </Toolbar>
      </AppBar>
      <Drawer variant="permanent">
        <List>
          <ListItem button>
            <ListItemText primary="Home" />
          </ListItem>
          <ListItem button>
            <ListItemText primary="About" />
          </ListItem>
          <ListItem button>
            <ListItemText primary="Contact" />
          </ListItem>
        </List>
      </Drawer>
      <Container>
        {/* Content goes here */}
      </Container>
    </div>
  );
};

export default Layout;