Warning: findDOMNode is deprecated in StrictMode.
I've looked through the historical issues, but none of them worked in my case.
The code is roughly like this
<tbody>
<TransitionGroup component={null} >
{
anArrayInReduxStore.map((e, _) => {
<CSSTransition key={e.id} classNames="fade"
timeout={300}
appear={true}
exit={false}
>
<CustomComponent data={e}/> //a very complex row in a table
</CSSTransition>
})
}
</TransitionGroup>
</tbody>
If i use code below, the warning will disapear, but the animation is gone, and the more serious thing is, when i remove element in {anArrayInReduxStore}, the Row Element doesn't remove
The code is roughly like this
const TransitionNode = ({ e }) => {
const nodeRef = React.useRef(null)
return (
<CSSTransition key={e.id} classNames="fade"
timeout={300}
appear={true}
nodeRef={nodeRef}
>
<CustomComponent data={e}/> //a very complex row in a table
</CSSTransition>
);
}
<tbody>
<TransitionGroup component={null} >
{
anArrayInReduxStore.map((e, _) => {
<TransitionNode key={e.id} data={e} />
})
}
</TransitionGroup>
</tbody>
I am afraid that this library is unmaintained, mate 😕 this exact thing had me looking for an alternative months ago
I am afraid that this library is unmaintained, mate 😕 this exact thing had me looking for an alternative months ago
@oreqizer what alternative did you find?
@RotemCarmon started using raw @keyframes and CSS animations together with react-aria state
a more direct alternative is the react-transition-state hook
@RotemCarmon started using raw
@keyframesand CSS animations together withreact-ariastatea more direct alternative is the
react-transition-statehook
Hi @oreqizer, do you have any examples I could look at per chance?
This look like a duplicate of this issue. You have to pass a ref to your <CustomComponent> as well for the animation to work.