Property nodes does not exist on type GLTF

[SiegeSailor]

I am quite new to the ThreeJS world, studying from the examples. I wanted to import a model with mapped skin, then I saw the usage of nodes from this react-three-fiber-example, But it seems incorrect with types. Please take a look at this.

After going through ThreeJS Document#GLTFLoader, I haven't found any documented way of using nodes, I will continue searching for the correct/other ways of applying skin/material to models. But so far I think the property nodes should be added to type GLTF even though we can still get nodes by the following method.

const nodes = useLoader(GLTFLoader, './../some.glb')['nodes'];

Package Version

• typescript: 4.1.3
• react-three-fiber: 5.3.10

[Code47X]

Not sure this is the answer you're looking for, but if you use the GLTFJSX package with the -t (types) flag it will automatically generate a GLTFResults type for you, which can be used to typecast useGLTF().

[SiegeSailor]

Thanks for sharing, this package helps a lot. However, I am encountering this problem, I believe it has less connection to this issue, but please take a look at that if you have free time.

The issue is solved by using react-three@gltxjsx.

[drcmda]

This most likely means that you accidentally installed it and now it fetches from cache. Gltfjsx and rtgltfjsx are the same package

[SiegeSailor]

The following is the output when I ran npm list @react-three/gltfjsx.

 └── @react-three/gltfjsx@3.1.4

And the following is the output when I ran npm list @react-three/rtgltfjsx and npm list rtgltfjsx.

└── (empty)

I guess I have misunderstood something...?

[drcmda]

gltfjsx and @react-three/gltfjsx are the same package, sorry i was just too lazy to type.

[SiegeSailor]

After a few tests, I found out that gltfjsx and @react-three/gltfjsx are working in an exact way, the only difference might just be the package name, and the error I was encountering was because I installed both (or single) of them locally. Everything is working well when I install it globally.

This package is just amazing!

[Arrrax1]

kinda late, but this is what I did and it works for me.

import { GLTF } from "three-stdlib";

type GLTFResult = GLTF & {
    nodes: {
      rocket_body_Mat_0: THREE.Mesh; 
      rocket_body_Mat2_0: THREE.Mesh;
      rocket_body_Mat3_0: THREE.Mesh;
      Subdivision_Surface_Mat3_0: THREE.Mesh;
      Subdivision_Surface_Mat3_0_1: THREE.Mesh;
      window_1_Mat4_0: THREE.Mesh;
      st_1_Mat6_0: THREE.Mesh;
    };
    materials: {};
  };

note

// on first line of nodes I wrote

rocket_body_Mat_0  : THREE.Mesh 
   
      /* because in my gltf file when I go down to nodes I find */
      
    {
      "name": "rocket_body_Mat_0", 
      "mesh": 0  
    }

    /* also  */
      // only select the names which have mesh key property, don't select the ones with children or matrix key. like this
      {
      "name": "Rocket simple.fbx",
      "children": [
        11
      ],
      "matrix": [
        1,
        0,
        0,
        0,
        0,
        3.422854177870249e-8,
        0.9999999403953552,
        0,
        0,
        -0.9999999403953552,
        3.422854177870249e-8,
        0,
        0,
        0,
        0,
        1
      ]
    }