MUI DataGrid Migration from v4

dlruddms5619·2021년 12월 20일
0

오류

  • MUI 버전을 4에서 5로 Migration하면서 다른 페이지는 정상 작동하는데, DataGrid가 로드되면 해당 페이지의 style broken 현상 발생.

해결

  • 정확한 원인은 잘 모르겠으나, DataGrid 버전 문제였던 것 같다.
  • 기존 @mui/x-data-grid 패키지를 삭제하고, 새로 설치했다.
npm install @mui/x-data-grid@next
  • 위의 명령어를 실행하니 "@mui/x-data-grid": "^4.0.2", 4 버전대에서 베타이지만 5 버전으로 변경되었다.
  • 그 후 정상적으로 페이지가 동작했다.
참조

stackoverflow
공식 문서

profile
Front-End Developer

0개의 댓글