대머리개발자

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p> 본문

개발이야기/예외

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>

대머리개발자 2023. 3. 4. 19:22
728x90

워닝이라고 하더라도 콘솔에는  빨간라인들은 아무래도 신경이 쓰인다. 구글링 하러 가즈아!!

 

<P> 태그 자식으로 <div> 들어가면 브라우저가 워닝을 뱉는다고 한다.

규칙을 지키라 이거겠죵..

 

머트리얼UI <Typography>는 기본적으로 P 태그로 랜더링 된다.

따라서 아래와 같이 component="div" 삽입하여 div로 랜더링 되도록 변경하면 워닝은 감쪽 같이 사라진다. 뿅!

<Typography component="div" variant="body2" color="text.secondary" align="center">

 

728x90

'개발이야기 > 예외' 카테고리의 다른 글

[코틀린] Could not autowire  (0) 2023.09.04
[코틀린] Ensure that xx.dto has a non-private no-argument constructor.  (0) 2023.04.18
Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response  (0) 2023.03.03
Dialect org.springframework.data.r2dbc.dialect.MySqlDialect does not support array columns  (0) 2023.02.01
jsonMarshaller must be non-null when serializationFormat is JSON.  (0) 2023.01.31
'개발이야기/예외' Related Articles more