JSX 구성 요소로 사용할 수 없습니다.

 

컴포넌트 사용 중 오류가 발생했다.

JSX 구성 요소로 사용할 수 없다는 것이 무슨 뜻일까.

map 안에서 컴포넌트를 사용하고, key를 지정하고, props를 넘기는 것도 매우 일반적인 과정이었다.

 

그러나 void 형식을 적용할 수 없다는 오류가 발생했다.

 

컴포넌트로 넣은 카드에 유표성 검사를 한다고 return을 넣은 경우가 많았는데, 컴포넌트의 return은 결과를 표현하는 것이 중요했다.

도중에 조건을 걸어 return을 넣는 것은 적절한 사용법이 아니므로 다시 리펙터링이 필요하다.