[StylesProvider v5.22] Not woking when import

[mtr1990]

Hello, This is my case:

Option 1: import { StylesProvider } from "@material-ui/core"; => Working (can override style)
https://prnt.sc/whxu7p

Option 2: import { StylesProvider } from "@material-ui/core/styles"; => Not working
https://prnt.sc/whxthg

https://codesandbox.io/s/containedbuttons-material-demo-forked-exdgd?file=/index.js:121-179

currently I cannot use option one Because i using:
https://next.material-ui.com/guides/minimizing-bundle-size/

I got an error when using option one,

Please help me, Thanks!

[povilass]

Here https://codesandbox.io/s/containedbuttons-material-demo-forked-5bdh6?file=/index.js

All explained in #22342 (comment)

[mtr1990]

@povilass Thank for help but I'm using minimizing-bundle-size with babel-plugin-transform-imports

 "plugins": [
    [
      "transform-imports",
      {
        "@material-ui/core": {
          "transform": "@material-ui/core/${member}",
          "preventFullImport": true
        },
        "@material-ui/icons": {
          "transform": "@material-ui/icons/${member}",
          "preventFullImport": true
        },
        "lodash": {
          "transform": "lodash/${member}",
          "preventFullImport": true
        }
      }
    ]
  ]

My Theme:

import { StylesProvider as StylesEngineProvider } from '@material-ui/core';
import { StylesProvider } from '@material-ui/styles';

  <ThemeProvider theme={theme}>
      <StylesEngineProvider injectFirst>
        <StylesProvider>
          <CssBaseline />
          <GlobalStyles />
          {children}
        </StylesProvider>
      </StylesEngineProvider>
    </ThemeProvider>

get Error => Module not found: Can't resolve '@material-ui/core/StylesProvider' in '/Volumes/DATA/_Trinh's Github/__Minimal Material Kit Pro/Minimal Material Kit Pro Standard v1.0.0/src/theme'

[povilass]

import { StylesProvider as StylesEngineProvider } from '@material-ui/core'; comes from export { StylesProvider } from '@material-ui/styled-engine';

So you probably should include @material-ui/styled-engine in you plugin or use export { StylesProvider as StylesEngineProvider } from '@material-ui/styled-engine'; directly.

https://codesandbox.io/s/containedbuttons-material-demo-forked-5bdh6?file=/index.js

[mtr1990]

Thanks povilass, It's work for me,

just only

import { StylesProvider } from '@material-ui/styled-engine';

  <ThemeProvider theme={theme}>
      <StylesProvider injectFirst>
        <CssBaseline />
        <GlobalStyles />
        {children}
      </StylesProvider>
    </ThemeProvider>

=> It's worked, so many thank :)

[oliviertassinari]

We will likely change the current imports, following #24109 (comment).