three-stdlib - GLTFLoader: Cannot read properties of undefined (reading 'value')

[qg-hs]

This error only occurs when I add this glb file，use threejs:0.151.x, which is in the attachment

Uncaught TypeError: Cannot read properties of undefined (reading 'value')
at refreshTransformUniform (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:123492:11)
at refreshUniformsCommon (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:123680:4)
at Object.refreshMaterialUniforms (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:123535:4)
at setProgram (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:126207:15)
at WebGLRenderer.renderBufferDirect (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:125092:20)
at renderObject (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:125759:11)
at renderObjects (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:125728:6)
at renderScene (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:125616:36)
at WebGLRenderer.render (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:125434:5)
at RenderPass.render (mf-dep_node_modules_cache_mfsu_mf-va__react-three_postprocessing_js.aa5b73b7.async.js:8026:16)
at EffectComposer.render (mf-dep_node_modules_cache_mfsu_mf-va__react-three_postprocessing_js.aa5b73b7.async.js:10180:14)
at Object.current (mf-dep_node_modules_cache_mfsu_mf-va__react-three_postprocessing_js.aa5b73b7.async.js:41669:16)
at render$1 (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc437cca.async.js:17036:22)
at loop (mf-dep_node_modules_cache_mfsu_mf-va__react-three_drei_js.cc4
Bee (1).glb.zip
37cca.async.js:17063:19)
r

[CodyJasonBennett]

Can you create a full reproduction and move this to Drei? I so happened to recognize that stack trace from three.js internals which would indicate a malformed material. https://github.com/mrdoob/three.js/blob/dev/src/renderers/webgl/WebGLMaterials.js#L6

[qg-hs]

@CodyJasonBennett
demo.zip
Hello, this demo
Threejs 0.150. x can be used normally

[CodyJasonBennett]

This looks like a bug in pmndrs/three-stdlib which Drei relies on for useGLTF. You can get around this by pulling from three directly:

import { useLoader } from '@react-three/fiber'
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'

const { scene } = useLoader(GLTFLoader, 'bee.glb')

I'll move this momentarily -- hopefully with a fix -- as this issue is unrelated to R3F.