three.js orbitControlsによるスクロール速度の変更

前提・実現したいこと

PANOLENSを使用した案件を取り扱っているのですが、カメラを動かした際の速度が早すぎる(スクロール速度？)という問題にぶつかってしまいました。
three.jsのorbitControlsで調整できるかと思ったのですが、調べて実装してみてもうまく動作しませんでした。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

js
1window.addEventListener( 'load' ,function(){
2    let viewer
3    let camera
4    let controls
5
6    let vue = new Vue ({
7        el: '#app',
8        data: {
9            imagePath: 'data/hoge/image.jpg',
10            panorama: null,
11        },
12        mounted: function(){
13            /**
14             * PANOLENS読込
15             */
16            const container = document.querySelector('#canvas');
17            let positions = new THREE.Vector3(90, 0, 0);
18
19            this.panorama = new PANOLENS.ImagePanorama(this.imagePath);
20            camera   = new THREE.PerspectiveCamera( 70, 1920/1020, 1, 10000 ),
21            controls = new THREE.OrbitControls(camera, container);
22            //③パン
23            controls.userPan = true;     //true:パン操作可能,false:パン操作不可
24            controls.userPanSpeed = 0.1;   //パン速度
25
26            viewer = new PANOLENS.Viewer({
27                container: container,
28                controlBar: false,
29                horizontalView: true,
30                camera: camera
31            });
32
33            this.panorama.addEventListener( 'enter-fade-start', function(){
34                viewer.tweenControlCenter( positions, 0 );
35            } );
36            viewer.add(this.panorama);
37
38            // カメラコントロール
39            // 左右角度制限　
40            viewer.OrbitControls.minAzimuthAngle = 0.9;
41            viewer.OrbitControls.maxAzimuthAngle = 2.3;
42        }
43    })
44