This release re-exports TransitionGroup from transitions-kit, so it can now be imported directly from the package.
- import { Collapse } from 'transitions-kit'
- import { TransitionGroup } from 'react-transition-group'
+ import { TransitionGroup, Collapse } from 'transitions-kit'
import { useState } from 'react'
const FRUITS = [
'🍏 Apple',
'🍌 Banana',
'🍍 Pineapple',
'🥥 Coconut',
'🍉 Watermelon'
]
export default function () {
const [fruitsInBasket, setFruitsInBasket] = useState(FRUITS.slice(0, 3))
return (
<ul>
<TransitionGroup>
{fruitsInBasket.map((item) => (
<Collapse key={item}>
<li>{item}</li>
</Collapse>
))}
</TransitionGroup>
</ul>
)
}