왜 Mui 자체제공 makeStyles() 혹은 styled() 함수를 사용하지 않는가?

우선 styled() 방법으론 props에 따른 조건부 스타일링을 적용할 수 없었다.

이러한 이유로 makeStyles()방법을 채택하고자 실험해보았으나,
makeStyles() 방법으로는 transition 속성이 작동하지 않음을 확인했다.

마지막 방법으로 styled-components를 mui컴포넌트에 적용시켜보려 했으나,
해당 조합으로 몇몇 속성이 설정되지 않음을 확인하였고 , 이에 따라, 아래의 솔루션을 찾아보게 되었다.

SOLUTION

React에서 Material-UI + styled-components 조합 사용하기 :

https://velog.io/@mandariin/React%EC%97%90%EC%84%9C-Material-UI-styled-components-%EC%A1%B0%ED%95%A9-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0