"Why does my 3D model show distorted textures or misaligned faces when rendering in React Three Fiber?"

the problem is that i down I’m using React Three Fiber to render a GLTF model (a book and a PC setup). While the PC renders fine, the book model appears distorted—its texture and geometry are misaligned or warped. I’m loading it using useGLTF, and the canvas setup seems correct. The console also throws a warning: THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN, suggesting a possible issue with geometry. How can I fix this?

That warning usually means there are missing vertices or NaN vertex values.
Can you paste in a screenshot of how the distorted model looks? and if the model is small enough can you drag the glb or gltf in here and we can take a look?

1 Like