Glb texture not loading correctly

I imported glb texture but not render as it should in picture like glasses it renders black
and also it cuts when moving camera

my render:

the way it should be:


fbxLoader.load("/dash2finalFixed2.glb", (obj) => {
  scene.add(obj.scene);
},(xhr) => {
  console.log((xhr.loaded / xhr.total) * 100 + '% loaded')
});


const floor = new THREE.Mesh(
  new THREE.PlaneGeometry(10, 10),
  new THREE.MeshStandardMaterial({
    transparent: true,
    opacity: 0,
  })
);
floor.receiveShadow = true;
floor.rotation.x = -Math.PI * 0.5;

scene.add(floor);


const ambientLight = new THREE.AmbientLight(0x404040 , 0.8);
ambientLight.position.set(5, 15, 5);
gui.add(ambientLight.position, "x", 0, 5,0.001);
gui.add(ambientLight.position, "y", 0, 5,0.001);
gui.add(ambientLight.position, "z", 0, 5,0.001);

scene.add(ambientLight);

If you have metallic in material , then you have to but at least directional light or texture environment

Use HDR texture environment it helps you if GLB is of metal type.

new RGBELoader()
    .load(`HDR FILE NAME.hdr`, function (texture) {
        texture.mapping = THREE.EquirectangularReflectionMapping;
        texture.flipY = true;
        texture.minFilter = THREE.NearestFilter;
        texture.magFilter = THREE.NearestFilter;
        scene.environment = texture;
    });

I have done that but still glasses not appearing


Example 1
Example 2

See the examples there are different properties like metalness, opacity, transparent etc.