My experience using WebStorm 2022 with React, JavaScript, and MUI has been plagued by excruciatingly slow performance, making it nearly impossible to work efficiently.
Autocomplete functionality takes an agonizingly long time to load, and my CPU usage skyrockets to 100% whenever I try to type anything in my JSX file.
Here's a snippet of the code causing the issue:
function UserInputBox() {
return (
<Box
display="flex"
flexDirection="column"
alignItems="center" p={5} boxShadow={3}
>
<Box
p={5}
sx={{background: "blue", alignItems: "stretch"}}
>
<h1>User Input</h1>
</Box>
<Stack spacing={2}>
<TextField label="Username" />
<TextField label="Age (Years)" />
<Button
variant="contained"
sx={{borderRadius: 28, textTransform: "none"}}
>
Add User
</Button>
</Stack>
</Box>
)
}
export default UserInputBox