TEL - 04 : The component * with the id of * has been created dynamically

10 Mar 2022 in Study Log on Trial Error Log

리액트

---

• SITUATION :

  • The component styled.button with the id of * has been created dynamically. You may see this warning because you've called styled inside another component. To resolve this only create new StyledComponents outside of any render method and function component.

• REASON :

  • React 에서 style component를 이용해서 css 스타일링을 하였음

  • 스타일은 적용이 되나 콘솔창에 저런 Caution이 계속 출력

• SOLUTION :

  • style component 를 기존 컴포넌트 안에 작성 하였으나, 구글링 결과 잘못된 방법

  • style component는 컴포넌트 밖에다 선언해야 한다 라는것을 알게되었고 밖으로 이동해주니 해결