title: Nested CSSTransitionGroup not adding classes in ReactJs
body: <p>In the code below you can see that when user hits "/" path the Dashboard component is rendered. Because it's wrapped in a transition group it animates in.</p>
  
  <p>I have a component inside this (<code>Test</code>) which is also wrapped in a transition group, but because it's a child of <code>Dashboard</code> it never really enters or leaves, so my <code>enter</code> and <code>leave</code> classes are not being added. How can I ensure these classes get added?</p>
  
  <p><a href="https://i.stack.imgur.com/UBE6u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UBE6u.png" alt="code"></a></p>