Mistmatch error when using styled function with mui components #42197
Labels
nextjs
package: system
Specific to @mui/system
status: waiting for maintainer
These issues haven't been looked at yet by a maintainer
Steps to reproduce
Link to live example: https://codesandbox.io/p/github/sawa-ko/nextjs-app-router-mui-bug/draft/sharp-james
Steps:
Current behavior
Currently you get a mismatch error message when using the dark theme, this does not happen with the light theme.
Expected behavior
To be able to style the component correctly without mismatch errors.
Context
I want the ListItemButton component to have different colors and rounded edges when set to selected.
Your environment
npx @mui/envinfo
Search keywords: mismatch styled, mismatch styled component, styled, styled utility
The text was updated successfully, but these errors were encountered: