مشکل در ایمپورت کردن icons در mui

اخیراً mui ورژن جدیدی بیرون داده که من طبق خود دستور العملش نصب کردم

npm install @mui/material @emotion/react  @emotion/styled

برای تست هم Button رو امتحان کردم و به درستی نمایش می ده .مشکل اونجاست که می خوام از ایکون هاش استفاده کنم . باز طبق دستور خودش @mui/icons-material رو نصب کردم.

npm install  @mui/icons-material

موقع استفاده همچین اروری میده

Compiled with problems:X

WARNING in ./node_modules/@mui/material/SvgIcon/SvgIcon.js 24:31-53

export 'getSvgIconUtilityClass' (imported as 'getSvgIconUtilityClass') was not found in './svgIconClasses' (possible exports: default)

ممنون می شم اگر کسی می تونه راهنمایی کنه.
کد قایل app.js

import React from 'react';
import Button from '@mui/material/Button'
import DeleteIcon from '@mui/icons-material/Delete'
const App = (props) => {
  return (
    <div>
      <Button variant="contained" color="success"><DeleteIcon />primary</Button>

    </div>
  )
}

export default App;