[material-ui] After updating to 5.16.0, the theme default props are disabled.

[naro143]

Steps to reproduce

No response

Current behavior

No response

Expected behavior

No response

Context

Theme default props disabled after uploading from 5.15.21 to 5.16.0.

https://mui.com/material-ui/customization/theme-components/#theme-default-props

Your environment

npx @mui/envinfo

before

System:
    OS: macOS 14.5
  Binaries:
    Node: 20.14.0 - ~/.nodenv/versions/20.14.0/bin/node
    npm: 10.7.0 - ~/.nodenv/versions/20.14.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 126.0.6478.127
    Edge: Not Found
    Safari: 17.5
  npmPackages:
    @emotion/react: 11.11.4 => 11.11.4
    @emotion/styled: 11.11.5 => 11.11.5
    @mui/base:  5.0.0-beta.40
    @mui/core-downloads-tracker:  5.16.0
    @mui/icons-material: 5.15.21 => 5.15.21
    @mui/material: 5.15.21 => 5.15.21
    @mui/private-theming:  5.16.0
    @mui/styled-engine:  5.15.14
    @mui/system:  5.16.0
    @mui/types:  7.2.14
    @mui/utils:  5.16.0
    @mui/x-data-grid:  7.8.0
    @mui/x-data-grid-pro: 7.8.0 => 7.8.0
    @mui/x-date-pickers:  7.8.0
    @mui/x-date-pickers-pro: 7.8.0 => 7.8.0
    @mui/x-license: 7.8.0 => 7.8.0
    @types/react: 18.3.3 => 18.3.3
    react: 18.3.1 => 18.3.1
    react-dom: 18.3.1 => 18.3.1
    typescript: 5.5.3 => 5.5.3

after

  System:
    OS: macOS 14.5
  Binaries:
    Node: 20.14.0 - ~/.nodenv/versions/20.14.0/bin/node
    npm: 10.7.0 - ~/.nodenv/versions/20.14.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 126.0.6478.127
    Edge: Not Found
    Safari: 17.5
  npmPackages:
    @emotion/react: 11.11.4 => 11.11.4
    @emotion/styled: 11.11.5 => 11.11.5
    @mui/base:  5.0.0-beta.40
    @mui/core-downloads-tracker:  5.16.0
    @mui/icons-material: 5.16.0 => 5.16.0
    @mui/material: 5.16.0 => 5.16.0
    @mui/private-theming:  5.16.0
    @mui/styled-engine:  5.15.14
    @mui/system:  5.16.0
    @mui/types:  7.2.14
    @mui/utils:  5.16.0
    @mui/x-data-grid:  7.9.0
    @mui/x-data-grid-pro: 7.9.0 => 7.9.0
    @mui/x-date-pickers:  7.9.0
    @mui/x-date-pickers-pro: 7.9.0 => 7.9.0
    @mui/x-internals:  7.9.0
    @mui/x-license: 7.9.0 => 7.9.0
    @types/react: 18.3.3 => 18.3.3
    react: 18.3.1 => 18.3.1
    react-dom: 18.3.1 => 18.3.1
    typescript: 5.5.3 => 5.5.3

Search keywords: Theme default props, 5.16.0

[ZeeshanTamboli]

@naro143 I didn't understand your issue. Are the default props passed to the theme not working? In the documentation link you provided, it shows that disableRipple: true disables the ripples which does work.

[naro143]

@ZeeshanTamboli
The default props passed to the theme not working.

The document disableRipple: true also works in 5.15.21, but not in 5.16.0.

[choutkamartin]

I confirm that this is an issue in 5.16.0 as well

[ZeeshanTamboli]

Can you provide a CodeSandbox or StackBlitz reproducing the issue? I cannot reproduce it on version 5.16.0: https://codesandbox.io/p/sandbox/dazzling-chebyshev-tl548c?file=%2Fsrc%2FDemo.tsx%3A8%2C21

[choutkamartin]

I can confirm, that this is not an issue with Material UI.

The issue is in our application:

import { ThemeProvider } from '@emotion/react'  // incorrect
import { ThemeProvider } from '@mui/material'   // correct

We supposedly did auto import on the ThemeProvider dependency, which resulted in import from emotion itself. This worked until 5.16.0

@naro143 Check whether you don't have the same issue

[naro143]

@choutkamartin

We supposedly did auto import on the ThemeProvider dependency, which resulted in import from emotion itself. This worked until 5.16.0

The same was imported from @emotion/react.
Importing from @mui/material solved the problem.

Thanks for the great research!

[danielkrich]

Happens to us as well when we updated from 5.13.4 to 5.16.6
We're not importing ThemeProvider from "emotion" , but from "@mui/material" as needed...