I've been running into a lot of issues using .from and .to with opacity tweens with React so I did a simple example to demonstrate. .from seems to just stop before the full tween when used in react and .to doesn't animate.
Opacity Tween stops in React (You can switch .from to .to and still no dice)
Same tween works in Vanilla - CodePen
This thread now addresses a larger issue between first ren