reactjs - Play フレームワークで React-Datagrid を実装する

Question

WebJars からインポートされた React-datagrid ライブラリを使用して、Play プロジェクトでテーブルをレンダリングしようとしています。ただし、プロジェクトを実行すると、次の問題が発生します。

1. "Warning: React can't find the root component node for data-reactid value .0.1.1. このメッセージが表示されている場合は、ページに React の 2 つのコピーを読み込んでいる可能性があります。現時点では、1 つのコピーのみが読み込まれています。 React を一度にロードできます。」

2. 「キャッチされていない TypeError: 未定義のプロパティ 'firstChild' を読み取ることができません」

テーブルをレンダリングするためのコードは次のとおりです。

var data = [
    {id: 0, index: 1, firstName: 'John', city: 'Toronto', email: '123@hotmail.com'}
];

var columns = [
    { name: 'index', title: '#', width: 50 },
    { name: 'firstName' },
    { name: 'lastName'  },
    { name: 'city' },
    { name: 'email' }
];

var App = React.createClass({
    render: function(){
        return <DataGrid
            idProperty='id'
            dataSource={data}
            columns={columns}
            style={{height: 500}}
        />
    }
})

ReactDOM.render(<App/>, document.getElementById("testTable"));

これらは、HTML ファイルで参照しているスクリプトです。

<script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.fullPath("react", "dist/react.js"))'></script>
<script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.fullPath("react-dom", "dist/react-dom.js"))'></script>
<script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.fullPath("react-datagrid", "dist/react-datagrid.js"))'></script>

これは私のbuild.sbtにあるものです:

"org.webjars" %% "webjars-play" % "2.4.0-1",
"org.webjars.npm" % "react-datagrid" % "2.0.1",
"org.webjars.bower" % "react-d3" % "0.2.2"

私がフォローしているデータグリッドの例へのリンクは次のとおりです。 http://zippyui.com/react-datagrid/#/examples/basic

私が間違っていることは何か分かりますか？