reactjs - 不変違反: ルート ルートは、react-router 2 動的ルーティングで単一要素エラーをレンダリングする必要があります

Question

私は単純な Hello World アプリを持っており、ルートは 1 つだけで、子ルートやインデックス ルートはありません。ルーティングには、jsx sysntax の代わりにプレーン ルートを使用します。ここでも、react-router の動的ルーティングを使用して、Hello コンポーネントを webpack でロードしています。私のapp.jsx ファイルには次のコードがあります。

import React from "react";
import ReactDOM from "react-dom";
import {Router, browserHistory} from "react-router";
import Hello from "./components/Hello";



const routes = [{
    path:"/",
    getComponents(location, callback) {
        require.ensure([], function (require) {
            callback(null, require('./components/Hello'))
        })
    }
}];


ReactDOM.render(
    <Router history={browserHistory}  routes={routes}/>,
    document.getElementById("container")
); 

Hello.jsx コンポーネントには次のコードがあります

import React from "react";
export default class Hello extends React.Component {

    render() {

        return (
            <h2>Hello World</h2>
        )
    }
}