transition group problems

transition.js

import React from 'react';
import {Decorator as Cerebral} from 'cerebral-react';
import {CSSTransitionGroup} from 'react-addons';

import Home from './Home.js';
import Admin from './Admin.js';

@Cerebral({
  title: ['title'],
  currentPage: ['currentPage']
})
class App extends React.Component {
  renderPage() {
    switch (this.props.currentPage) {
      case 'home':
        return <Home key="home"/>;
      case 'admin':
        return <Admin key="admin"/>;
    }
  }
  render() {

    return (
      <div>
        <a href="/">Home</a> - <a href="/admin">Admin</a>
        <h1>{this.props.title}</h1>
        <CSSTransitionGroup transitionName="example">
          {this.renderPage()}
        </CSSTransitionGroup>
      </div>
    );
  }
}

export default App;