[Error] styled-component input

Uncaught Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.

스타일드 컴포넌트 사용 시 발생하는 문제이다.
input 등과 같이 자식을 가질 수 없는 태그에 자식을 넣었을 때 발생하는 에러이다.

const SearchBox = styled.input``;
const SearchIcon = styled.div``;

<SearchBox>
    <SearchIcon></SearchIcon>
</SearchBox>

이런게 불가능하다.

해결방법

<SearchBox>
</SearchBox>

input 안에 자식을 제거해준다.