Using react-move with react-router

RouteTransition.jsx

import React, { PropTypes } from 'react'
import { Transition } from 'react-move'

const RouteTransition = React.createClass({
  propTypes: {
    pathname: PropTypes.string.isRequired
  },

  render() {
    return (
      <Transition
        data={React.Children.toArray(children)}
        getKey={(d, i) => d.key || i}
        update={d => ({
          opacity: 1,
          scale: 1
        })}
        enter={d => ({
          opacity: 0,
          scale: 0.95
        })}
        leave={d => ({
          opacity: 0,
          scale: 0.95
        })}
      >
        {items => (
          <div>
            {items.map(item =>
              <div
                key={item.key}
                style={{
                  position: 'absolute',
                  opacity: item.state.opacity,
                  transform: `scale(${item.state.scale})`
                }}
              >
                {item.data}
              </div>
            )}
          </div>
        )}
      </Transition>
    )
  }
})

module.exports = RouteTransition