오류

• 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
공식 문서