Использование responsejs с requirejs

Недавно я начал использовать reactjs вместе с backbonejs маршрутизатором для создания приложения.

Я обычно использую requirejs для управления зависимостями и кодом. Но проблема возникает, когда я пытаюсь включить файлы, содержащие синтаксис jsx.

Это то, что у меня есть, поскольку мои router.js:

define(["backbone", "react"], function(Backbone, React) {

  var IndexComponent = React.createClass({
    render : function() {
      return (
        <div>
        Some Stuff goes here
        </div>
        );
    }
  });



  return Backbone.Router.extend({
    routes : {
      "": "index"
    },
    index : function() {
      React.renderComponent(<IndexComponent />, document.getElementById('index'));
    }
  });
});

Как мне поместить IndexComponent в его собственный файл и вызвать его в этом файле? Я попробовал обычный метод (тот же, который я использовал с магистралью и реакцией), но получил ошибку из-за синтаксиса jsx.