createSvgIcon and useId import errors

I’m attempting to use the Customized snackbar component from the Material-UI Docs.

I’m copying the example code for the component given in the docs into a separate Snackbar.js file and then attempting to import the component into the PartnerProfile.js page within my web app.

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

I keep getting a failed to compile error: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.

Expected Behavior 🤔

I should be able just import the Snackbar.js file and display it in the PartnerProfile.js

Steps to Reproduce 🕹

The component works in the codesandbox but for some reason is not working in my app. https://codesandbox.io/s/reverent-stonebraker-bst6f?fontsize=14&hidenavigation=1&theme=dark

Steps:

1. Download dependencies: npm install @material-ui/lcore @material-ui/lab
2. Open VSCode to Create File: Snackbar.js with customized snackbar component from the Material-UI Docs.
3. Import File: import CustomizedSnackbars from './Snackbar' in PartnerProfile.js
4. Display Component: <CustomizedSnackbars />

Context 🔦

I’m trying to use this component to provide feedback to users on form submissions.

Your Environment 🌎

Tech	Version
Material-UI	v4.9.9
React	v16.13.1
Browser	Chrome

[nicktran29]

npm update to get the below combination. It works!

"@material-ui/core": "^4.9.10",
"@material-ui/lab": "^4.0.0-alpha.49",

[4levels]

Hi all,

Just ran into the same issue when following the documentation on the Autocomplete helper No peer dependency warning, ran npm update, issue still exists. Auto generated deps from package.json:

    "@material-ui/core": "^4.9.10",
    "@material-ui/icons": "^4.5.1",
    "@material-ui/lab": "^4.0.0-alpha.49",

Got it resolved by removing node_modules and package-lock.json

🤷

Kind regards