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

[duu]

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.
 

[duu]

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

[mvaneijgen]

Glad you've solved your issue! Rendering things twice sounds like you're working in React, if that is the case please read the following article https://gsap.com/react. Hope it helps and happy tweening!