How to use the @microsoft/mixed-reality-extension-sdk.AnimationEaseCurves.EaseOutSine function in @microsoft/mixed-reality-extension-sdk

buttonLogic[i].onHover('enter', () => {
                buttons[i].animateTo(
                    { transform: {
                        local: {
                            scale: { x: 0.11, y: 0.11, z: 0.11 } } } }, 0.3, AnimationEaseCurves.EaseOutSine);
            });

buttonBehavior.onHover('enter', (userId: string) => {
            this.cube.animateTo(
                { transform: { scale: { x: 0.5, y: 0.5, z: 0.5 } } }, 0.3, AnimationEaseCurves.EaseOutSine);
        });
        buttonBehavior.onHover('exit', (userId: string) => {

buttonBehavior.onHover('exit', () => {
            this.cube.animateTo(
                { transform: { local: { scale: { x: 0.4, y: 0.4, z: 0.4 } } } }, 0.3, AnimationEaseCurves.EaseOutSine);
        });

buttonLogic[i].onHover('exit', () => {
                buttons[i].animateTo(
                    { transform: { local: { scale: this.buttonScale } } }, 0.3, AnimationEaseCurves.EaseOutSine);
            });
        }

buttonBehavior.onHover('enter', () => {
            this.cube.animateTo(
                { transform: { local: { scale: { x: 0.5, y: 0.5, z: 0.5 } } } }, 0.3, AnimationEaseCurves.EaseOutSine);
        });
        buttonBehavior.onHover('exit', () => {

buttonBehavior.onHover('exit', (userId: string) => {
            this.cube.animateTo(
                { transform: { scale: { x: 0.4, y: 0.4, z: 0.4 } } }, 0.3, AnimationEaseCurves.EaseOutSine);
        });