Color Picker JSS styles are using the same class name as elements already on my page
ErinBlack opened this issue · 0 comments
ErinBlack commented
The jss styles class name produced by material UI makeStyles on the color picker modal match classes that already exist on my page. Because of this, they are sharing the same css styles which causes visual issues on my page.
Loom video to show a visualization of the issue
https://www.loom.com/share/3136cafd83dd4f8fb0805734337b6ad3
I have seen elsewhere online that this could be caused by versions of either react or material being out of sync. My current versions of my environment are
"@material-ui/core": "^4.11.3",
"react": "^17.0.1",
"material-ui-color": "^1.1.0",
Is there anything I can do to prevent this from happening?