Material UI React Drawer Component Throwing "resolve" Errors

Question

I'm trying to use the Material UI Persistent drawer React component that you can find here https://mui.com/material-ui/react-drawer/

I attempted to copy paste the source code into a component and use that in my React project, but I'm getting errors as follows:

ERROR in ./src/components/Drawer.js 6:0-36 Module not found: Error: Can't resolve 'classnames' in '/Users/jmh/Desktop/ITC Classwork/fs_pet_adoption_fe-haimy88/src/components'

Module not found: Error: Can't resolve '@material-ui/core/styles' in '/Users/jmh/Desktop/ITC Classwork/fs_pet_adoption_fe-haimy88/src/components'

Module not found: Error: Can't resolve '@material-ui/core/Drawer' in '/Users/jmh/Desktop/ITC Classwork/fs_pet_adoption_fe-haimy88/src/components'

I don't know why this is happening, since I think I have all the dependencies in my package.JSON, as seen below:

"dependencies": { "@emotion/react": "^11.9.0", "@emotion/styled": "^11.8.1", "@material/drawer": "^13.0.0", "@mui/icons-material": "^5.6.0", "@mui/material": "^5.6.0", "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^12.1.4", "@testing-library/user-event": "^13.5.0", "react": "^18.0.0", "react-dom": "^18.0.0", "react-router-dom": "^6.3.0", "react-scripts": "5.0.0", "web-vitals": "^2.1.4" },

Please let me know if anyone has any insight as to this issue. Thank you!