Here is a snippet of my code base - <https://codesandbox.io/s/transition-code-1wr5z>

Currently, via changing classes and CSS transitions, text fades in when a new Paragraph component is loaded in and mounted. 

However, I wish to also have this transition occur when the text prop within the Paragraph component changes. 

Doing this within the lifecycle update or render just triggers **an infinite update loop**. 

Not sure where to go from here as most discussions I can find are about tackling the functionality of getting the text to fade in on load, rather than on update.