Please OrbitControls suddenly dosen't work after I added loaderManager.I don't understand why this heppend and how to fix.This work before but suddenly dosen't now.

controls.minDistance = 0.1;
controls.maxDistance = 1000;
controls.enablePlan = false;
controls.enableDamping = true;
controls.dampingFactor = 0.2;
controls.autoRotate = true;
controls.keys = {
    LEFT: 'ArrowLeft',
UP: 'ArrowUp',
RIGHT: 'ArrowRight',
BOTTOM: "ArrowDown"
}
controls.listenToKeyEvents(window);
renderer.setSize(conatiner.clientWidth ,conatiner.clientHeight);
conatiner.appendChild(renderer.domElement);
const  progressBar = document.getElementById("progress-bar")
const LoadingManager = new  THREE.LoadingManager();
LoadingManager.onProgress = function(url, loaded, total){
progressBar.value = (loaded / total) * 100;
}
const progressBarContainer = document.querySelector(".progress-bar-contianer");

LoadingManager.onLoad = function(){
    progressBarContainer.style.display = 'none';
}
let intre;
const loader = new THREE.GLTFLoader(LoadingManager);

const rgbeLoader = new THREE.RGBELoader(LoadingManager); 

renderer.outputEncoding =  THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;

loader.load("../3d/test/scene.gltf", (gltf) =>{
    intre = gltf.scene.children[0];
    intre.scale.set(0.5,0.5,0.5);
    scene.add(gltf.scene);
})
}