[v6][Checkbox] disableRipple not working

[Tasin5541]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/react-scpwxs?file=Demo.tsx

Steps:

1. Add disableRipple prop to Checkbox component
2. Click on the checkbox
3. The ripple effect persists

Current behavior

Ripple effects persist even after adding disableRipple

Expected behavior

Ripple effects should not be there after adding disableRipple

Context

We noticed this bug after upgrading to MUI v6 from MUI v5. This used to work properly in the latest MUI v5

Your environment

npx @mui/envinfo

  System: OS: Windows 11 10.0.22631
  Binaries:
    Node: 20.12.2 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
    Edge: Spartan (23.15.3), Chromium (23.15.3), ChromiumDev (23.15.3)
  npmPackages:
    @emotion/react: ^11.13.3 => 11.13.3
    @emotion/styled: ^11.13.0 => 11.13.0
    @mui/core-downloads-tracker:  6.1.2
    @mui/icons-material: ^6.1.2 => 6.1.2
    @mui/material: ^6.1.2 => 6.1.2
    @mui/private-theming:  6.1.2
    @mui/styled-engine:  6.1.2
    @mui/system:  6.1.2
    @mui/types:  7.2.17
    @mui/utils:  6.1.2
    @types/react: ^18.3.11 => 18.3.11
    react: ^18.3.1 => 18.3.1
    react-dom: ^18.3.1 => 18.3.1
    typescript: ^5.2.2 => 5.5.3

Search keywords: disableRipple, disable ripple, checkbox disableRipple

[siriwatknp]

Regression from #42001, see: https://github.com/mui/material-ui/pull/42001/files#diff-6de058f6e3971a3e878e9aae5dd64fb347e1a8de3f9f3964fd33b28e6ebe6370R130.

[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.

Note

@Tasin5541 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.