[Help Needed: Dual Display Issue in Object Rotation with GSAP and Three.js]

The issue was caused by the rendering being processed twice. I've resolved it myself.

[Help Needed: Dual Display Issue in Object Rotation with GSAP and Three.js]

I always use GSAP, and I appreciate it very much. Thank you.

Now, I am facing a strange phenomenon. I have implemented a simple rotation control on a single object loaded in the most common setup (GSAP + Three.js) to control GSAP animations.

However, when I execute it, I encounter a peculiar issue where the object both rotates and does not rotate, displaying these two states simultaneously.

 

 

Here's a demo to replicate this phenomenon:

 

What could be the problem here?
And how can I resolve it?

Please help.
 

[Help Needed: scrollTrigger Defined Trigger is Stuck and Won't Move!]

Thank you for your answer.
Thank you for suggesting useGSAP(). Following your advice, I have updated the demo environment.

However, the problem from before is still not resolved.
How do I get scrollTrigger to work?

 

https://stackblitz.com/edit/stackblitz-starters-uv18fb?file=app%2Fpage.tsx
 

[Help Needed: scrollTrigger Defined Trigger is Stuck and Won't Move!]

Hello everyone!
 

I'm encountering an issue where the trigger I have defined with scrollTrigger is stuck and won't move. I've spent a considerable amount of time trying to resolve this issue, but unfortunately, I've had no luck so far.

How can I resolve this issue to get the trigger moving as intended? I have prepared a demo page that reproduces the problem, which can be found at the following link:
 

https://stackblitz.com/edit/stackblitz-starters-uv18fb?file=app%2Fpage.tsx

I would really appreciate any help or guidance from the community on this. Thank you in advance for your time and assistance!