How to use the skinview3d.createOrbitControls function in skinview3d

capeUrl: props.cape || '',
      detectModel: false,
    })
    viewer.camera.position.z = initPositionZ
    viewer.playerObject.skin.slim = props.isAlex

    const animation = new skinview3d.CompositeAnimation()
    stuffRef.current.handles = {
      walk: animation.add(skinview3d.WalkingAnimation),
      run: animation.add(skinview3d.RunningAnimation),
      rotate: animation.add(skinview3d.RotatingAnimation),
    }
    stuffRef.current.handles.run.paused = true
    // @ts-ignore
    viewer.animation = animation as skinview3d.Animation
    stuffRef.current.control = skinview3d.createOrbitControls(viewer)

    if (!stuffRef.current.firstRun) {
      const { handles } = stuffRef.current
      handles.walk.paused = true
      handles.run.paused = true
      handles.rotate.paused = true
      viewer.camera.position.z = 70
    }

    viewRef.current = viewer

    return () => {
      viewer.dispose()
      stuffRef.current.firstRun = false
    }
  }, [reset])

width: this.$refs.previewer.clientWidth,
        height: this.$refs.previewer.clientHeight,
        detectModel: false,
        skinUrl: this.skin || SkinSteve,
        capeUrl: this.cape,
      })
      this.viewer.camera.position.z = this.initPositionZ
      this.viewer.animation = new skinview3d.CompositeAnimation()

      this.handles = {
        walk: this.viewer.animation.add(skinview3d.WalkingAnimation),
        run: this.viewer.animation.add(skinview3d.RunningAnimation),
        rotate: this.viewer.animation.add(skinview3d.RotatingAnimation),
      }
      this.handles.run.paused = true
      this.control = skinview3d.createOrbitControls(this.viewer)
    },
    togglePause() {