How to load a DAE model?

I’m trying to load a dae model and i’m using the useLoader like this:

const model = useLoader(ColladaLoader, "path/to/file.dae")

but i’m stuck just there 😦 I read the docs about GLTFLoader but I can’t load the dae file and show it in the browser.

How can I achive this?

[drcmda]

the .__$ syntax is a bit old, will be deprecated at some point. see if you can use “nodes”. or if you dont want to put down your own materials:

const { scene } = useLoader(ColladaLoader, url)
<primitive object={scene} dispose={null} />

[Darkensses]

Thanks for the tip @drcmda, now is working as I expected that

  const { scene } = useLoader(ColladaLoader, modeldae)   
  return (
    <group ref={group}>
      <primitive 
        dispose={null}
        object={scene}         
        children-0-material={new THREE.MeshBasicMaterial({wireframe: true, color: 0xffffff})}
        children-1-material={new THREE.MeshBasicMaterial({wireframe: true, color: 0x0000ff})}
        children-2-material={new THREE.MeshBasicMaterial({wireframe: true, color: 0x0000ff})}
        children-3-material={new THREE.MeshBasicMaterial({wireframe: true, color: 0x00ff00})}
        children-4-material={new THREE.MeshBasicMaterial({wireframe: true, color: 0x0000ff})}
      />
    </group>