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)
https://codesandbox.io/s/proud-dawn-uic35x
Same tween works in Vanilla - CodePen
Solution:
This thread now addresses a larger issue between first ren
Hi folks! This is Dan (from React). We would generally not recommend disabling Strict Mode. It's more of a temporary workaround while the libraries are getting updated, not a permanent strategy.
In general, React leans towards assuming that effects are safe to re-run extra times. Effects act like a synchronization mechanism: they let you "mirror" some state into some imperative change in the DOM. For example, an effect like this:
useEffect(() => {
someRef.current.style