리액트 ts jsx함수 관련 문제

[이진이]

개인 프로젝트를 진행하던 중 에러가 발생하여 검색으로 해결을 못해서 질문 드립니다....
 
위와 같이 반복 적으로 html코드가 등장하는 상황이 여서 함수로 처리하자는 발상을 하게 되었고
 그리고 그 함수를 작성 했었습니다.

위 사진은 제가 작성한 함수입니다.
에러도 발생하지 않았고 별다른 문제가 없을 것이라 생각했습니다.
하지만 컴포넌트 본문에 return안에서 사용해보니 이런 에러가 발생했습니다.
   

무슨 의미인지 검색을 해보았지만 결국 해결을 못했습니다.

위 사진과 같이 fragment태그를 사용 하면 에러가 사라지지만 allProduct라는 항목 안에 존재하는 
html이 표시 되지 않습니다. 
(사진에 등장하는 DivThree,ParantsNode,Title,Image등등 이런 태그는 제가 임의로 작성한 스타일 컴포넌트 입니다.)
저런 문제는 어떻게 해결하나요?
  

[codingapple]

함수에 retun이 없는듯요

[이진이]

해결 했습니다. 감사합니다 ㅠㅠㅠ

[글쓴이]

글