Как осветить объект в three.js? В чем ошибка?

Question

[chelnokov_a]

Не получается осветить объект которые находится в верхнем блоке

https://pateder.ru/RODECOR/

function main() {
            // const canvas = document.querySelector('#three');
            // const renderer = new THREE.WebGLRenderer({canvas});

            const scene = new THREE.Scene();
            const camera = new THREE.PerspectiveCamera(45, document.querySelector('.main__decor').clientWidth / document.querySelector('.main__decor').clientHeight, 0.1, 1000)
            const renderer = new THREE.WebGLRenderer({antialias: true, alpha: true});
            
            
            renderer.setSize( document.querySelector('.main__decor').clientWidth, document.querySelector('.main__decor').clientHeight)
            renderer.domElement.setAttribute('id', 'three')
            document.querySelector('#three').append(renderer.domElement);
            renderer.setClearColor( 0xff0000, 0 );
            
            renderer.render(scene, camera)
            
            let objLoader = new THREE.OBJLoader();
            objLoader.load('./obj.obj', obj => {
                console.log(obj)
                
                scene.add(obj);
                obj.rotation.x += 1;
                camera.rotation.x += -0.1
                
            })
            
            var spotLight = new THREE.SpotLight( 0xffffff );
            scene.add(spotLight);
            
            let light = new THREE.AmbientLight(0xffffff)
            scene.add(light);
            
            camera.position.z = 5;
            
            var render = function () {
                requestAnimationFrame( render );
                
              	renderer.render(scene, camera);
            };
            render();
        }
        main();

Ковыряюсь целый день уже. Подскажите куда смотреть стоит чтобы решить вопрос!!!???