[MUI v7] "@mui/material/styles" has no exported member named 'ThemeProviderProps'

[mtr1990]

Steps to reproduce

Missing ThemeProviderProps exported in '@mui/material/styles'

https://stackblitz.com/edit/github-41iztrt1?file=src%2FThemeProvider.tsx

Current behavior

This works in MUI v6. But missing in MUI v7

in packages/mui-material/src/styles/index.d.ts

export { default as ThemeProvider } from './ThemeProvider';

Expected behavior

export { default as ThemeProvider } from './ThemeProvider';
export * from './ThemeProvider';

Context

No response

Your environment

No response

Search keywords: ThemeProviderProps

[aarongarciah]

While we check this, you can import it from @mui/material/styles/ThemeProvider.

import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';

[aarongarciah]

@mtr1990 looks like ThemeProviderProps was not exported from @mui/material/styles in v6 either. See https://stackblitz.com/edit/github-41iztrt1-udtzafwu?file=src/ThemeProvider.tsx. I also tested locally, since StackBlitz TS is buggy sometimes.

[mnajdova]

While we check this, you can import it from @mui/material/styles/ThemeProvider.

This will not work with ESM, no? We need to export it from @mui/material/styles.

[mtr1990]

Currently I am configuring in tsconfig.json with moduleResolution": "bundler

import type { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';

=> This doesn't work in MUI v7 but works in MUI v6

When I changed the config in tsconfig.json with moduleResolution": "node,
import type { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';

=> It works. The question here is moduleResolution": "node is really required?

Same as other import types:

- import type { CommonColors } from '@mui/material/styles/createPalette';
- import type { Channels, PaletteColor } from '@mui/material/styles/createPalette';
...

=> Means the sub items imported after @mui/material/styles/... are not working with moduleResolution": "bundler
=> Doesn't work in moduleResolution": "bundler but works with moduleResolution": "node

[aarongarciah]

As @mnajdova said, we need to export it from @mui/material/styles for it to work with ESM (v7). I'll open a PR.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

[aarongarciah]

@mtr1990 the fix is merged and it will land in the next release.