[React.js] cannot resolve 'react-transition-group' 오류 해결 방법

[React.js] cannot resolve 'react-transition-group' 오류 해결 방법

애니메이션 효과같은것들 적용 하려고 했던 react-transition-group이 서버 구동중 에러가 난다.

cannot resolve 'react-transition-group' 라는 에러메세지가 뜨길래

분명히 해당 패키지도 받았고 제대로 추가 시켰는데 왜 못찾는거지?

하고 검색을 해 보았다.

NPM에 올라온 글을 확인해 보니

This package is deprecated and will no longer work with React 16+. We recommend you use CSSTransitionGroup from react-transition-group instead.

In particular, its version 1.1.1 is a drop-in replacement for the last released version of react-addons-css-transition-group.

Run npm install --save react-transition-group@1.1.1, and replace the imports in your code

// Old 
import CSSTransitionGroup from 'react-addons-css-transition-group';
 
// New 
import CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup';

라고 올라와 있었다

내용인 즉슨

리액트 16 이상 버전 부터는 기존에 사용하던걸 지원하지 않고 아얘 동작도 되지 않게 되었으니

새로운 다른걸 써라~

라고 하는 것이다.

쟤네가 설치하라는거 설치 하고 임포트 문장도 아랫것 처럼 바꾸면

오류는 해결이 된다.