[error 해결하기] library 설치 후, JSX children 에러메세지

react-slick 라이브러리 깔았는데 

<Slider > 

이부분에 에러가.. 

1) 시키는 대로 잘 깔았음

yarn add react-slick

yarn add slick-carousel

yarn add @types/react-slick (타입스크립트 써서) 

 

2) 이것저것 찾아보다가 

<> </> 이거 넣었음 -> 그래도 안됨..! 

 

3) 왜죠..? 

https://www.npmjs.com/package/react-slick 

react-slick

여기서 도큐멘테이션을 봄.. 

-> 원인 : 세팅되어있는 리액트 버전과 여기서 쓰는 버전이 달라서 

 

 

==> 해결방법: yarn resolutions 적용시켜줌 ! 

https://vroomfan.tistory.com/46

package.json에서 yarn resolutions 적용하기

이 블로그대로 해결함 

yarn.lock 파일에서 '@types/react' 를 검색

현재 프로젝트에서 사용하고 있는 React의 버전은 "17.0.2"이며, @types/react는 "17.0.37"을 사용하고 있었다. 하지만 react-window에 의해 최신 버전인 "18.0.9" @types/react가 설치되어 타입이 꼬인 것

 

==> package.json의 dependencies에 의해 프로젝트 전체와 맞지 않는 type definitions file이 설치되는 것을 막아야한다.package.json에 resolutions 필드를 추가하여 하위 패키지들의 버전을 명시할 수 있다. 

 

 

쓰는 방법 - 공식 페이지 

https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/

Yarn

 

 

 

 

reference

https://vroomfan.tistory.com/46

https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/