Как исправить ошибку The root route must render a single element в react router?

Question

[Wheelie]

Возникает ошибка

Uncaught Error: The root route must render a single element(…) browser.js:40

Приложение было создано с использованием create-react-app

Код выглядит как-то так:

const rootRoute = {
  childRoutes: [{
    path: '/',
    component: require('./App'),
    childRoutes: [
        require('./../routes/сalendar'),
    ]
  }]
}

ReactDOM.render(
    <Router history={browserHistory} routes={rootRoute} />,
    document.getElementById('root')
);

в App:

class App extends Component {
    render() {
        return (
            <MuiThemeProvider>
                <Container />
            </MuiThemeProvider>
        );
    }
}

В Container просто div.

В /routes/сalendar:

module.exports = {
  path: 'calendar',
  getComponent(location, cb) {
    require.ensure([], require => cb(require(`./components/Calendar`).default));
  }
}

В Calendar просто div

Answer 1

[Risent Veber]

stackoverflow.com/questions/36194806/invariant-vio...

Comments

[Wheelie]

Как-то упустил из виду эту ссылку. Спасибо.