[react] 230901 오류일지(2)

오늘은 오랜만에 오류일지를 작성하러 왔다.

---

오늘 발생한 오류는 'cannot be used as a jsx component.'

타입스크립트로 인해 발생하는 오류가 정말 무지막지하게 많아서 조금 힘들다 싶을 정도랄까,,^_^

왜 이 오류가 발생했는지
계속해서 찾아보다가 찾아낸 오류의 해결안은 바로,,,

분리한 컴포넌트에서 삼항연산자로 리턴값을 내보내는데
falsy 값을 리턴으로 내보내주지 않아서 생긴 오류였다. ㅎㅎ

function SearchHistory({ searchList, deleteSearchValue }: SearchHistoryProps) {
  if (searchList.length !== 0) {
    return (
      <>
        {searchList.map((searchItem, idx) => (
          <li>
            ...
          </li>
        ))}
      </>
    );
  } else {
    return (<li>...</li>);
  }
}