مشكلة Element type is invalid في React؟

مرحبًا جميعًا

أحصل على هذا الخطأ عند تشغيل مشروع React:

Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

هذا هو الكود الخاص بي:

const React = require('react')
const ReactDOM =  require('react-dom')
const Router = require('react-router')
const Route = Router.Route
const Link = Router.Link

var App = React.createClass({
  render() {
    return (
      <div>
        <h1>Home Page</h1>
        <Link to="/another">Another</Link>
      </div>
    )
  }
})

var About = require('./components/Main')
ReactDOM.render((
  <Router>
    <Route path="/" component={App}>
      <Route path="another" component={Another} />
    </Route>
  </Router>
), document.body)

وهنا ملف Main.jsx:

var React = require('react');

var Main = React.createClass({
  render:function() {
    return (
	<p>Some Content</p>
    );
  },
});

module.exports = Main;

يبدو أن المشكلة من الجزء التالي في الملف الأول:

var About = require('./components/Main')
ReactDOM.render((
  <Router>
    <Route path="/" component={App}>
      <Route path="another" component={Another} />
    </Route>
  </Router>
), document.body)