BugFix: FBX loader => Model with transparent texture

Author: nilooy

src/components/ChangeTexture.js

@@ -12,9 +12,10 @@ const ChangeTexture = () => {
   } = useContext(ModalContext);
 
   useEffect(() => {
+    console.log(mainModel);
     if (mainModel) {
       mainModel.traverse((child) => {
-        if (child.isMesh) {
+        if (child.isMesh && typeof child.material.map !== "function") {
           setTexture(child.material.map);
           setDefaultTexture(child.material.map);
         }
@@ -25,7 +26,7 @@ const ChangeTexture = () => {
   useEffect(() => {
     if (texture !== null) {
       mainModel.traverse((child) => {
-        if (child.isMesh) {
+        if (child.isMesh && typeof child.material.map !== "function") {
           child.material.map = texture;
           child.material.needsUpdate = true;
         }

src/helpers/loadModel.js

@@ -1,6 +1,6 @@
 import { FBXLoader } from "three/examples/jsm/loaders/FBXLoader.js";
 import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
-import { Box3, Mesh, Vector3 } from "three";
+import { Box3, Vector3 } from "three";
 
 export default (path, type, callback) => {
   let loader = null;
@@ -15,11 +15,6 @@ export default (path, type, callback) => {
           child.castShadow = true;
           child.receiveShadow = true;
         }
-        // if (child instanceof Mesh) {
-        //   // apply texture
-        //   child.material.map = undefined;
-        //   child.material.needsUpdate = true;
-        // }
       });
 
       var box = new Box3().setFromObject(object);