Tengo un modelo 3D. Tengo el acceso a la malla. Lo que quiero es animar la visibilidad al hacer clic en el botón. Cuando presiono un botón, la malla debería ser invisible pero no instantánea. Quiero hacerlo de una manera animada. Será invisible en algunos pasos. Como tomar 2 segundos de tiempo para ser invisible con una transición. ¿Cómo puedo hacer eso con reaccionar tres fibra? Soy nuevo en React-tres/fibra.

Código que probé:

 useEffect(() => { if (props.miscOpen === true) { Object.keys(materials).forEach(function (prop) { if (prop.includes("_350")) { gsap.to(materials[prop],{duration:5,opacity:0}) } }); } else { } }, [props.miscOpen]);