Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animation Broken with 2.0 #164

Open
lilbumblebear opened this issue Jul 28, 2021 · 3 comments
Open

Animation Broken with 2.0 #164

lilbumblebear opened this issue Jul 28, 2021 · 3 comments

Comments

@lilbumblebear
Copy link

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.

@jljsj33
Copy link
Member

jljsj33 commented Jul 29, 2021

MyComponent is React.forwardRef or React.ComponentClass?

@lilbumblebear
Copy link
Author

MyComponent is a functional component

@jljsj33
Copy link
Member

jljsj33 commented Jul 30, 2021

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants