Material-table: Styling with MuiThemeProvider does not work with @material-ui/[email protected]

Created on 24 May 2019  路  6Comments  路  Source: mbrn/material-table

Describe the bug
Table ignores styling with MuiThemeProvider on @material-ui/[email protected].

To Reproduce
Steps to reproduce the behavior:

  1. Install @material-ui/[email protected]
  2. Add MuiThemeProvider with your theme
  3. Nothing changes (default theme)

Expected behavior
Theme from MuiThemeProvider should be applied.

Screenshots
It can be checked out in the docs example

enhancement

Most helpful comment

I will upgrade it to MT 4.0 asap.

All 6 comments

I will upgrade it to MT 4.0 asap.

Upgraded with version 1.37.0

With [email protected]

I'm using @material-ui/styles/ThemeProvider instead of @material-ui/core/styles/MuiThemeProvider. This is my theme configuration:

import { createMuiTheme, responsiveFontSizes } from '@material-ui/core/styles'
import blue from '@material-ui/core/colors/blue'
import { ThemeProvider } from '@material-ui/styles'

const theme = responsiveFontSizes(createMuiTheme({
  palette: {
    type: 'dark',
    primary: blue
  }
}))

But the table renders like this:

chrome_MO0hoX3SNH

@Neko250
It's looks like you have several instances of mui styles.
Try to reinstall node_modules or just run npm dedupe (see duplicated module in node_modules).

@Neko250
It's looks like you have several instances of mui styles.
Try to reinstall node_modules or just run npm dedupe (see duplicated module in node_modules).

It worked, thank you ! :tada:

@material-ui/[email protected], same problem. Who know how to solve this guys?

Was this page helpful?
0 / 5 - 0 ratings