Translate Y Animation Doesn't Work Transition Motion

Can’t figure out how to animate translateY. When replacing the value with top it works fine.

    willEnter = () => {
        return {
            translateY: 100
        };
    }
    render() {
        const boxAttrs = {
            className: 'col-xs-12 col-md-4 intro-box',
        };
        return (
            <div className="intro">
                    <TransitionMotion
                        willEnter={this.willEnter}
                        styles={this.props.items.map(item => ({
                            key: item.key,
                            style: { translateY: spring(0) }
                        }))}>
                        {interpolatedStyles =>
                        <div className="row">
                            {interpolatedStyles.map(config => {
                                return <div {...boxAttrs} key={config.key} style={{...config.style}} />
                            })}
                        </div>
                        }
                    </TransitionMotion>
            </div>
        );
    }

[ticruz38]

I do have the same problem, none of the transform property are supported

style: { transform: `translateX( ${spring(0)}px )`}

this give me an invalid styles supplied to TransitionMotion, though it’s valid react style props

[mhaagens]

Here’s how I use it for route transitions with translateX; https://gist.github.com/mhaagens/61f88e3fbfddbe2c00708f3ebd099be4