使用npm模块进行Reactjs不变违反（react-loader）

Question

我想让react-loader使用我的反应组件。

目前我有以下片段：

/** @jsx React.DOM */
var Loader = require('react-loader');


var DisplayController = React.createClass({      

    // etc ..

    getInitialState: function(){
        return {
            active_tab: 0,
            tabs: [],
            groupsData: {
                objects: [{sub_groups:[]}]
            }, 
            itemsData: {objects: []},
            active_sub_tab: "Most Recent",
            loaded :false
        };
    },
    componentDidMount: function() {
        this.getGroupsApi();
        this.getItemsApi();
    },
    render: function() {

        return (<Loader loaded={this.state.loaded}> <MainMenu/>  </Loader>);
    }
});

当我添加此代码时，它开始给我以下错误：

  

未捕获错误：不变违规：addComponentAsRefTo（...）：仅限a   ReactOwner可以有refs。这通常意味着您正在尝试添加   对没有所有者的组件的引用（即不是   在另一个组件的render方法中创建。尝试渲染   这个组件位于一个新的顶级组件里面   参考文献

我按照模块提供的说明，为什么会收到此错误？