useFBX primitive change color

[PaganViking]

const fbx = useFBX("models/kurvStrait.fbx");
const model = useMemo(() => fbx.clone(true), []);

const myColor = '#AB0000';

const BasicMaterial = new MeshBasicMaterial({
color: new THREE.Color('#AB0000'),
})
// Will not change material
<primitive object={model} scale={[size[0],size[1],size[2]]} material={BasicMaterial} />

// Will not change color
<primitive object={model} scale={[size[0],size[1],size[2]]} color={myColor} />

How do you change the color or Material of primitive object ?

[drcmda]

Primitive just links the object you already have. You can't change a material on a scene or group, only meshes have materials. I don't know what fbxloader returns but if it's a group it won't work like that. R3F is threejs, it doesn't introduce new rules - always refer to the three docs when in doubt.

[PaganViking]

You can how ever change the material on the first run:
const BasicMaterial = new MeshBasicMaterial({color: new THREE.Color("#520B3E")})

const fbx = useFBX("models/kurvStrait.fbx");
const model = useMemo(() => fbx.clone(true), []);

model.children.forEach((mesh, i) => { mesh.material = BasicMaterial; });

<primitive object={model} scale={[0.35,1,0.4]} />

But i can't seem to be able to update the material after the first run !

[drcmda]

Threejs will remove a child from it's old parent once it's mounted to a new target. But either way this would be a lot easier if you had a codesandbox.