How to use the @microsoft/mixed-reality-extension-sdk.AnimationWrapMode.PingPong function in @microsoft/mixed-reality-extension-sdk

// Here we create an animation on our text actor. Animations have three mandatory arguments:
        // a name, an array of keyframes, and an array of events.
        this.text.createAnimation(
            // The name is a unique identifier for this animation. We'll pass it to "startAnimation" later.
            "Spin", {
                // Keyframes define the timeline for the animation: where the actor should be, and when.
                // We're calling the generateSpinKeyframes function to produce a simple 20-second revolution.
                keyframes: this.generateSpinKeyframes(20, Vector3.Up()),
                // Events are points of interest during the animation. The animating actor will emit a given
                // named event at the given timestamp with a given string value as an argument.
                events: [],

                // Optionally, we also repeat the animation infinitely. PingPong alternately runs the animation
                // foward then backward.
                wrapMode: AnimationWrapMode.PingPong
            });

        // Load a glTF model
        const cubePromise = Actor.CreateFromGLTF(this.context, {
            // at the given URL
            resourceUrl: `${this.baseUrl}/altspace-cube.glb`,
            // and spawn box colliders around the meshes.
            colliderType: 'box',
            // Also apply the following generic actor properties.
            actor: {
                name: 'Altspace Cube',
                // Parent the glTF model to the text actor.
                parentId: this.text.id,
                transform: {
                    local: {
                        position: { x: 0, y: -1, z: 0 },

// Here we create an animation on our text actor. Animations have three mandatory arguments:
        // a name, an array of keyframes, and an array of events.
        this.text.createAnimation(
            // The name is a unique identifier for this animation. We'll pass it to "startAnimation" later.
            "Spin", {
                // Keyframes define the timeline for the animation: where the actor should be, and when.
                // We're calling the generateSpinKeyframes function to produce a simple 20-second revolution.
                keyframes: this.generateSpinKeyframes(20, Vector3.Up()),
                // Events are points of interest during the animation. The animating actor will emit a given
                // named event at the given timestamp with a given string value as an argument.
                events: [],

                // Optionally, we also repeat the animation infinitely. PingPong alternately runs the animation
                // foward then backward.
                wrapMode: AnimationWrapMode.PingPong
            });

        // Load a glTF model
        const cubePromise = Actor.CreateFromGLTF(this.context, {
            // at the given URL
            resourceUrl: `${this.baseUrl}/altspace-cube.glb`,
            // and spawn box colliders around the meshes.
            colliderType: 'box',
            // Also apply the following generic actor properties.
            actor: {
                name: 'Altspace Cube',
                // Parent the glTF model to the text actor.
                parentId: this.text.id,
                transform: {
                    position: { x: 0, y: -1, z: 0 },
                    scale: { x: 0.4, y: 0.4, z: 0.4 }