Issue working with gsap 3

[James Fox]

I'm trying to implement the Image Transition example in a React Codesandbox using GSAP 3 and installing all packages from NPM.

After converting the appropriate chunks of code per their migration guidelines, I'm unable to get any images to render.

Here is the link to the sandbox - https://codesandbox.io/s/amazing-lamport-k5sce?file=/src/imageTransition.tsx

Any ideas what's wrong?

The Slide.setImage call was erroring at first, so I updated the code to do this after reading through this issue:

var texture = new THREE.Texture();
...
material.uniforms.map.value = texture;
material.map = texture;

[James Fox]

Looks like the example is broken here too (but because of something different than mine)

http://three-bas-examples.surge.sh/examples/image_transition/

[James Fox]

UPDATE: I got this working by following the example more closely. I think the solution was in using the separate THREERoot setup.