Spring inside of Transition component is not removed until next addition/removal to the Transition

[fernandofleury]

Hey! I'm super excited to use react-spring. I was working with react-transition-group previously and decided to try and update my notifications system with it. Although I'm only facing a small issue:

Whenever a notification/item is removed, it will be flagged as destroyed but not removed from the DOM until another item enter or leave the Transition parent:

And this is unfortunately causing a small issue where there is the removed item spacing still on the DOM:

Anything I could do here to force some sort of update on the Transition component or is it out of the scope of the library? I've read the docs but didn't find anything related to it.

Thanks!

[drcmda]

This is likely an error in react, we've had it reported here a couple of times.

#186

#136 (comment)

#153 (comment)

Could you update to at least 16.4.x and see if it persists? it had something to do with getDerivedStateFromProps, which wasn't called consistently: https://reactjs.org/blog/2018/05/23/react-v-16-4.html#bugfix-for-getderivedstatefromprops

[fernandofleury]

Hey @drcmda upgrading both react/react-dom to 16.4.x did the trick indeed! 😄 thank you for your help