[Error] 'Component'은(는) JSX 구성 요소로 사용할 수 없습니다. / resolutions

react-slick 설치 후 app.tsx에서 발생한 에러이다.
👉🏻 'Component'은(는) JSX 구성 요소로 사용할 수 없습니다.

원인

라이브러리 설치 후 위와 같은 에러가 발생한다면, React 버전 오류일 수 있다.

라이브러리를 만들 때 사용한 리액트의 버전과 프로젝트에서 사용하는 리액트의 버전(17버전 사용중)이 달라서 발생한 오류이다.

해결 방법

package.json에 resolutions를 추가해 라이브러리가 사용할 react의 버전을 고정해준다.

package.json

  "resolutions": {
    "@types/react": "17.0.2"
  }