queue-anim
queue-anim copied to clipboard
Animation Broken with 2.0
Hi, I am using 1.8.5 and having no issues. When I install 2.0, new children animate in, but nothing animates out. I cannot find out how to change my code to make it work with v2.0.
Do you have an example of how to adjust the following to work with v2.0?
<QueueAnim key={'animation'}
type={['right', 'scale']}
delay={[750, 0]}
ease={['easeOutBack', 'easeInOutCirc']}
leaveReverse={true}
duration={[750, 750]}
animConfig={{opacity: [1, 0]}}>
<MyComponent key={'step-' + currentstep} />
</QueueAnim>
My component changes as the current step changes, which makes the key and component render differently.
MyComponent is React.forwardRef or React.ComponentClass?
MyComponent is a functional component
https://queue-anim.vercel.app/ demo component。。。。hooks ref,,React.forwardRef