Currently, I am seeing no updating of state. When I am trying to update a useState variable - the variable just fails to update. It could possibly be because using SwitchTransition component somehow changes the block scope. Not sure how, and I could be wrong but that's what I am thinking.
What is the expected behavior?
Expected behavior - Change the useState variable as I want it to.
You will see, if you comment out the SwitchTransition component from App.js file - everything starts working as expected. The entry animations will play when you press Next. The useState variable updates properly.
But as soon as you insert SwitchTransition back - the component stops updating.
Bonus problem/guidance needed - How can I make the exit animation work?
Could you provide a CodeSandbox demo reproducing the bug?
Currently, I am seeing no updating of state. When I am trying to update a
useStatevariable - the variable just fails to update. It could possibly be because usingSwitchTransitioncomponent somehow changes the block scope. Not sure how, and I could be wrong but that's what I am thinking.Expected behavior - Change the
useStatevariable as I want it to. You will see, if you comment out theSwitchTransitioncomponent from App.js file - everything starts working as expected. The entry animations will play when you press Next. TheuseStatevariable updates properly. But as soon as you insertSwitchTransitionback - the component stops updating.Bonus problem/guidance needed - How can I make the exit animation work?
Why, yes. Absolutely. Codesandbox link here