Stuck on an issue?
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.
Including material-table overrides material-ui theme
See original GitHub issueDescribe the bug
material-table loads default material-ui styles again overriding theme styles.
To Reproduce
Steps to reproduce the behavior:
- Create MUI theme and change
theme.typography.fontFamily - Load theme using
MuiThemeProvider - Create React page and ensure theme is applied
- Create React page with
MaterialTable - Look at developer tools to find typography styles have been overriden.
Expected behavior
Should not have duplicated material-ui style elements after including MaterialTable
Screenshots
Environment
npx create-react-app my-app --typescript
"@material-ui/core": "^4.0.0",
"material-table": "^1.37.0",
Issue Analytics
- State:
- Created 4 years ago
- Reactions:5
- Comments:16 (2 by maintainers)
Top Results From Across the Web
Theming - Material UI - MUI
Customize MUI with your theme. You can change the colors, the typography and much more. The theme specifies the color of the components,...
Read more >Applying specific theme for react material-table - Stack Overflow
You can overrides components. Look at example: https://mbrn.github.io/material-table/#/docz-examples-10-example-component-overriding.
Read more >13. Apply Dark mode to Material Table | Material UI - YouTube
In this video we go over:- How to make your app dark mode or theme with Material table and React- How to create...
Read more >14. Overriding Toolbar component in Material Table | Material UI
In this video we go over:- How to override toolbar component in Material table and React- How to customize action buttons and make...
Read more >material-table
Actions. You can add one or multiple row based actions easily ; Component Overriding. You can override any component of material-table ; Custom...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I can confirm this happens with
.MuiButtonBase-roottoo.Is there a way to make your styles more specific at all?
Issue is persistent on 1.69