# EmtionJs

0_right

✅ 문제 Next Js로 개발하던 중 mui를 사용하자 오류가 발생함 처음 렌더시에만 오류가 뜨고 화면에 UI가 나타난 뒤에는 문제없이 작동함 🔍 원인 파악 크롬의 성능 테스트를 통해 알아 봤을 때 mui의 CSS적인 부분에서 오래 걸린다고 생각했다. ❗️ 문제가 되는 코드 LiveStudy.tsx 해당 코드와 같이 MUI를 커스터마이징 하는 부분에서 sx를 통해 계속 css를 수정을 반복하게 되다보니 성능이 저하됐다고 생각했다. 👍 해결 방안 Emotion/styled를 통해 MUI를 컴포넌트화 함으로 style을 한번에 처리하면 될것 같다고 생각했다. 느낀점 ![](https://velog.velcdn.com/images