[ListItemButton] Missing export from @material-ui/core/index.js

[mwskwong]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

ListItemButton is not exported from @material-ui/core/index.js, i.e. import { ListItemButton } from "@material-ui/core" will not work.

Expected Behavior 🤔

import { ListItemButton } from "@material-ui/core" should returns no error.

Steps to Reproduce 🕹

Steps:

1. import { ListItemButton } from "@material-ui/core"

Context 🔦

Your Environment 🌎

`npx @material-ui/envinfo`

  System:
    OS: Windows 10 10.0.18363
  Binaries:
    Node: 14.17.0 - C:\Program Files\nodejs\node.EXE       
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 7.14.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 91.0.4472.77
    Edge: Spartan (44.18362.449.0)
  npmPackages:
    @emotion/react: ^11.4.0 => 11.4.0
    @emotion/styled: ^11.3.0 => 11.3.0
    @material-ui/core: ^5.0.0-alpha.36 => 5.0.0-alpha.36
    @material-ui/data-grid: ^4.0.0-alpha.30 => 4.0.0-alpha.30
    @material-ui/icons: ^5.0.0-alpha.36 => 5.0.0-alpha.36
    @material-ui/private-theming:  5.0.0-alpha.35
    @material-ui/styled-engine:  5.0.0-alpha.34
    @material-ui/styles: ^4.11.4 => 4.11.4
    @material-ui/system:  5.0.0-alpha.36
    @material-ui/types:  6.0.1
    @material-ui/unstyled:  5.0.0-alpha.35
    @material-ui/utils:  5.0.0-alpha.35
    @types/react:  17.0.9
    react: ^17.0.2 => 17.0.2
    react-dom: ^17.0.2 => 17.0.2

[eps1lon]

Thanks for the report.

We need to re-export the component from packages/material-ui/src/index.js and packages/material-ui/src/index.d.ts just like we do with the other components.

[chadmuro]

Hi, this is my first time contributing. Can I take this?

[eps1lon]

Hi, this is my first time contributing. Can I take this?

Sure, go ahead. If you have any questions feel free to ask. If you're stuck you can always propose an unfinished changed and we'll work through it together.

[siriwatknp]

Until the PR is merged and released (should be fixed in the next release), anyone who experienced this error can use this as workaround.

import ListItemButton from '@material-ui/core/ListItemButton';

[resparis]

Hi, I tried to import but it is failing
import ListItemButton from '@material-ui/core/ListItemButton';

`Failed to compile.

./src/components/MyList.js
Module not found: Can't resolve '@material-ui/core/ListItemButton'`

Part of my package.json

"dependencies": { "@material-ui/core": "^4.11.4", "@material-ui/icons": "^4.11.2",

[mwskwong]

Hi, I tried to import but it is failing
import ListItemButton from '@material-ui/core/ListItemButton';

`Failed to compile.

./src/components/MyList.js
Module not found: Can't resolve '@material-ui/core/ListItemButton'`

Part of my package.json

"dependencies": { "@material-ui/core": "^4.11.4", "@material-ui/icons": "^4.11.2",

This component only exists in v5.

[neltex]

Try using import ListItemButton from '@mui/material/ListItemButton';

[mwskwong]

Try using import ListItemButton from '@mui/material/ListItemButton';

Dude... what are you trying to suggest? This bug only appears in @material-ui/core@5.0.0-alpha.36 and has been fixed already.

And @mui/material doesn't even exist at that point

[RanjithaSN]

still ListItemButton is not found in the material ui version "@material-ui/core": "^4.12.3",.. is the fix available in any other version?

[mwskwong]

still ListItemButton is not found in the material ui version "@material-ui/core": "^4.12.3",.. is the fix available in any other version?
ListItemButton doesn't exist on v4. The latest version is v5 and the package has been renamed to @muimaterial