¿Cómo animar la visibilidad de la malla en reaccionar tres fibras?

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]);

Solución del problema

¿Está configurando la propiedad.transparent del material en verdadero?
Si la propiedad transparente del material no se establece en verdadero, el material permanecerá completamente opaco y este valor (opacidad) solo afectará su color. mira aquí