I'm trying to implement pages transitions animation by react-router. After I've compiled my code with browserify/babel I get 'unexpected token' on this line: static contextTypes = { with the arrow pointing under the = sign.
I've copied/pasted the code exactly from the docs, I don't understand what's wrong.
The static keyword is a proposed es7 feature, you need to add babel's stage-0 preset: https://github.com/babel/babel/tree/master/packages/babel-preset-stage-0
Alternatively you can just do the business after your class:
class RouteCSSTransitionGroup extends React.Component { ... } RouteCSSTransitionGroup.contextTypes = { location: React.PropTypes.object } 
<ReactCSSTransitionGroup {...props}>, this time the arrow points on the open tag < of ReactCSSTransitionGroup
--presets [ stage-0 es2015 react ]. Also I assume you installed the other presets i.e. npm i babel-preset-react babel-preset-react. There was an issue when I last tried getting stage-0 to work with those other presets though, but the react and es2015 ones should work fine togethernpm install --save-dev babel-loader
npm install --save-dev babel-core babel-preset-es2015 babel-preset-react
npm install --save-dev babel-preset-stage-0 babel-preset-stage-1 babel-preset-stage-2 babel-preset-stage-3
and:
query:{ presets:['es2015','react','stage-0','stage-1','stage-2','stage-3'] } 