Achieve transition similar to SwitchTransition / TransitionGroup

[rey-wright]

Second discussion!

https://codesandbox.io/s/wizardly-kowalevski-dg5pv

I have an implementation current using react-transition-group and I'm trying to recreate it using useTransition and could use some help on how I would go about implementing it:

• The interaction is as follows: there is an animation in and out of the single instance (when clicking on the button).
• Clicking on the left square causes there to be a "new" instance that is animated in, while the old one is animated out.
• Clicking on the right square causes there to be a "new" instance, but it is not animated in.
• In this example I have just 2 colors, but in my production example I do not know the variants up front, hence I can only generate a uuid to signal when the animation should trigger vs when it should not.
• This is using this very similar implementation: https://reactcommunity.org/react-transition-group/switch-transition (except it's using react transition group so that the transition in and out happens at the exact same time).

Happy to give any additional information or adjust the example to make it more clear.