Timeline texture transition fails when debug mode is enabled in R3F/GSAP integration

[KloutDevs]

Issue Description

When using React Three Fiber (R3F) with GSAP timeline animations, texture transitions on materials fail to work properly when debug mode is enabled. The issue specifically occurs in the following scenario:

Setup

• Using R3F with GSAP timeline
• Timeline controls both object transformations and material texture changes
• Implemented a debug overlay using React context
• Debug info updates on each frame

Expected Behavior

• Texture transitions should occur smoothly at specific timeline points
• Debug mode should not affect material/texture behavior
• Timeline animations should work consistently regardless of debug state

Actual Behavior

• When debug mode is disabled: Everything works as expected
• When debug mode is enabled: Material textures flicker and the transitions of these fail
• Other timeline animations (position, rotation) continue to work normally

Code Structure

Visit the repository I’m working on to see the code

Demostration of the Problem

1. Here what happens is that I had to change the texture to Brand2, but it does not do so but when moving the scroll blinks the texture but never changes
   

2. Here I show how it is flashing
   

3. Here I show the expected result at that point of the scroll, that is, it should change to brand2, I commented on the useEffect that updates information in the DevContext and works as expected