hide and show texture

[HasmikOsensus]

how to show and hide the model's texture by react js?
hiding the texture works correctly. Cant handle returning the texture back part

[HasmikOsensus]

this is the code
const handleTextureChange = (e) => {
setIsTexturedChecked((prevState) => !prevState);
const modelViewer = document.getElementById("3d-model-viewer");
modelViewer.addEventListener("load", () => {
const material = modelViewer.model.materials[0];
const texture = material.pbrMetallicRoughness.baseColorTexture.texture.source;
if (e) {
material.pbrMetallicRoughness.baseColorTexture.setTexture(null);

  } else {
    material.baseColorTexture.setTexture(texture);
  }
});

};

[elalish]

Try removing .source: the texture is just baseColorTexture.texture. Also, it's a bit hard to read your code, but it looks like your functions are mixed up with each other.