CSSTransitionGroup is not exported from 'react-transition-group'.

[ariannargesi]

I installed react-transition-group 1x baesd on the documentation but i gut this error Attempted import error: 'CSSTransitionGroup' is not exported from 'react-transition-group'. here my code import React, { useState } from 'react' import './Toggle.css' import { CSSTransitionGroup } from 'react-transition-group' // ES6 const TitleToggle = () => { const [ isVisible, setVisisblity ] = useState(false) return (

<CSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300} > { isVisible &&

Toggle me!

} </CSSTransitionGroup> <button onClick={()=>setVisisblity(!isVisible)}>click

) } export default TitleToggle

[jason-dark]

+1 for me, although I am using Typescript and installing types in this way did solve it:

npm install @types/[email protected]

[ariel-walley]

I'm experiencing the same issue and got the same error message even with npm install @types/[email protected] .

[damikun]

Just for info type CSSTransitionGroup does not exist in last release it is named: TransitionGroup

[jauggy]

From reading the docs CSSTransitionGroup and TransitionGroup are different.

[kirilavdeew]

Are there any updates so far?

[MaribelleHGomez]

Are there any updates so far?

I don't know if you're still having issue, but I found this and it seems to be working fine for me... Here

[Niicck]

I was having this issue too. I think the problem was that I had other dependencies that were installing the latest version of react-transition-group. So I installed v1 as an alias: yarn add react-transition-group-v1@npm:[email protected] And required it like this: import { CSSTransitionGroup } from 'react-transition-group-v1'

[Frayion]

For typescript i had issue as well and solve it by upgrading to new version npm i @types/[email protected] seems to work for me

[silkfire]

The documentation on the main page hasn't been updated (is this package being maintained anymore?).

I found this guide helpful instead: https://github.com/reactjs/react-transition-group/blob/70d1314d185e152b7754ab363e0ae088409858d5/Migration.md

[damikun]

You can use Framer-Motion more stable and better this days for animation..

[mariaammekarishvili]

try it >> http://reactcommunity.org/react-transition-group/transition