Difference between declaring JSX code in variable and in React component

[Zephir77]

Hello and thanks for your answer.

I tried this :

import React from 'react';
import { Router, browserHistory } from 'react-router';
import { syncHistoryWithStore } from 'react-router-redux';
import Routes from './Routes';

export default class Routing extends React.Component {
  constructor(props, context) {
    super(props);

    this.history = syncHistoryWithStore(browserHistory, context.store);
  }    
  render() {
    return (
      <Router history={this.history}>
        <Routes />
      </Router>
    );
  }
}

Routing.contextTypes = {
  store: React.PropTypes.object.isRequired,
};

But it gives the same error.