[MotionPath not working with React]

The solution was to initialize gsap.selector inside useLayoutEffect and to use a completely different timeline for motionpath instead of chaining it with tweens. Thank you cassie and greensock for help!

[Transition snapping onto last value instead of smoothly transitioning]

Here's the codesandbox: 
https://codesandbox.io/s/gsap-transition-snap-react-p421y5

I want the building to smoothly disappear when it hits the trigger point. Instead of animating, building just snaps to opacity: 0.

 

[MotionPath not working with React]

Hello!
I want to move the purple block along the path I've draw in the SVG. 

This is one section of my website which uses gsap all over the page. Rest of the page can be easily selected using the ref but when I use MotionPath, It throws Invalid scope and Target not found error.

 

Here's the codesandbox: https://codesandbox.io/s/gsap-motionpath-react-bkscsf?file=/src/App.js

Thank You!

[How can I do page sweeping animation?]

First of all thank you for answering. I did what you suggested and it works great! I've been working with GSAP recently and really loved hanging around in the forums, everyone is so helpful around here. Looking forward to creating great animations.

 

[How can I do page sweeping animation?]

Hello!
I'm new to gsap and I'm trying to implement this animation in my project. Is there any simpler way to do this?
What I'm thinking is to make a function which makes current screen to negative transformX and reveal the image viewer under it. I'm finding it hard to implement those colored bars which follow the transition from right to left.

Here's the video: https://we.tl/t-pjHc3wYqcU