MUI not supporting React 18

[nikhilatkan]

`import './App.css';
import * as React from 'react';
import Button from '@mui/material/Button';
import Menu from '@mui/material/Menu';
import MenuItem from '@mui/material/MenuItem';

function App() {

const [anchorEl, setAnchorEl] = React.useState(null);
const open = Boolean(anchorEl);
const handleClick = (event) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};
return (

<Button
id="basic-button"
aria-controls={open ? 'basic-menu' : undefined}
aria-haspopup="true"
aria-expanded={open ? 'true' : undefined}
onClick={handleClick}

Dashboard

Profile My account Logout

);
}
export default App;`

this is the code I am using and getting this error - Uncaught (in promise) TypeError: Converting circular structure to JSON
--> starting at object with constructor 'Object'
--- property '__emotion_real' closes the circle

Is this information enough?

[DiegoAndai]

Hey @nikhilatkan! Please provide a minimal reproduction test case with the latest version. This would help a lot 👷. A live example would be perfect. This codesandbox.io template may be a good starting point. Thank you!

[github-actions]

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.