Material-UI 컴포넌트를 활용해서 리액트에서 페이지 개발을 진행하다 보면 개발자 도구 콘솔에서 아래와 같은 경고 표시를 보신적이 아마도 있을텐데..
Warning: validateDOMNesting(...):
cannot appear as a descendant of
...
원인은
Typography는 p 태그로 동작하는데.. P태그안에 P태그를 넣으면 안된다. 이런 말입니다.
이렇게 하면 안되는 것이죠 ㅎㅎ
아마도 이렇게 준 부분이 스타일을 내부에서 따로 더 줄려고 하다가 실수하는 부분이라 생각이 됩니다.
className을 props으로 전달하여 설정해야합니다.
콘솔 경고를 무시해 되긴 합니다만... 언젠가는 문제가 생것부분이기에 해결해봅니다. ㅎㅎ
새로운 도전