I am trying to import 'GridActionsCellItem' from '@mui/x-data-grid' as:

import { GridActionsCellItem } from '@mui/x-data-grid';

But it shows error as:

Attempted import error: 'GridActionsCellItem' is not exported from '@mui/x-data-grid'.

I am copying the official documentation code from here.

Can anyone help me with this?

I am trying to import 'GridActionsCellItem' from '@mui/x-data-grid' as:

import { GridActionsCellItem } from '@mui/x-data-grid';

But it shows error as:

Attempted import error: 'GridActionsCellItem' is not exported from '@mui/x-data-grid'.

I am copying the official documentation code from here.

Can anyone help me with this?

• javascript
• reactjs
• material-ui
• material-design
• mui-x-data-grid

• What version of x-data-grid do you have in your package.json ? – Alan Commented Sep 27, 2021 at 17:16
• "@mui/x-data-grid": "^4.0.0", – Rupak Commented Sep 28, 2021 at 1:34
• 1 The documentation is using version"5.0.0-beta.2" -- the "next" version in npm as opposed to the "latest" version (which is "4.0.0"). GridActionsCellItem doesn't exist in version "4.0.0". – Ryan Cogswell Commented Sep 28, 2021 at 1:40
• so, can u tell me how can i update to 5.0.0-bete.2 – Rupak Commented Sep 28, 2021 at 1:54

1 Answer 1

I solved this problem by upgrading my '@mui/x-data-grid' from 4.4.to '5.0.0-beta.2'. Just replace the version of your @mui/x-data-grid package in your package.json with ^5.0.0-beta.2 and it should work.