Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Two instances of MuiSvgIcon in project.
See original GitHub issue- 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 😯
There are 2 instances of MuiSvgIcon <style ... data-meta="MuiSvgIcon">...</style> in project head one with MuiSvgIcon-colorPrimary-2 class which is setting icons color to default MUI blue color.
Some icons have proper styling - color from my theme and some of them have default material blue color.
Expected Behavior 🤔
All icons have color set by theme and there is only one instance of <style ... data-meta="MuiSvgIcon">...</style>.
Steps to Reproduce 🕹
It’s hard to reproduce as it’s large project.
Context 🔦
i’m trying to have consistent UI without using style or with-styles
Your Environment 🌎
| Tech | Version |
|---|---|
| Material-UI | v4.7.1-0 |
| React | 16.9 |
| MUI Icons | 3.0.1-0 |
| Browser | chrome - latest |
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@MMaicki Make sure you bundle a single version of the modules, it should solve your issue.
I had this problem when I was using the react-redux-toastr and I discovered that I was called this tag <Toaster /> out of (or before) of called the tag to <MuiThemeProvider >, maybe your problem be with some import.