How to use the skinview3d.SkinViewer function in skinview3d

initPreviewer() {
      this.viewer = new skinview3d.SkinViewer({
        domElement: this.$refs.previewer,
        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

useEffect(() => {
    const container = containerRef.current!
    const viewer = new skinview3d.SkinViewer({
      domElement: container,
      width: container.clientWidth,
      height: container.clientHeight,
      skinUrl: props.skin || SkinSteve,
      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),
    }