queue-anim icon indicating copy to clipboard operation
queue-anim copied to clipboard

Animation Broken with 2.0

Open lilbumblebear opened this issue 3 years ago • 3 comments

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.

lilbumblebear avatar Jul 28 '21 19:07 lilbumblebear

MyComponent is React.forwardRef or React.ComponentClass?

jljsj33 avatar Jul 29 '21 09:07 jljsj33

MyComponent is a functional component

lilbumblebear avatar Jul 29 '21 13:07 lilbumblebear

https://queue-anim.vercel.app/ demo component。。。。hooks ref,,React.forwardRef

jljsj33 avatar Jul 30 '21 07:07 jljsj33