Ошибка консоли при рендеринге Big React Calendar

Я продолжаю получать это сообщение об ошибке консоли при рендеринге моего компонента BigCalendar.

Как я могу это решить?

«Неперехваченная ошибка: NoopWrapper.render(): должен быть возвращен действительный элемент React (или null). Возможно, вы вернули undefined, массив или какой-либо другой недопустимый объект. invariant (invariant.js?994a:42) в ReactCompositeComponentWrapper. _renderValidatedComponent (ReactCompositeComponent.js?8c6a:828) в ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js?8c6a:359) в ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?8c6a:255) в Object.mountComponent (ReactReconciler.js?af94:43) в ReactDOMComponent.mountChildren (ReactMultiChild.js?0c7d:234) в ReactDOMComponent._createInitialChildren (ReactDOMComponent.js?9b5f:701) в ReactDOMComponent.mountComponent (ReactDOMComponent.js?9b5f:520) в Object.mountComponent (ReactReconciler.js?af94:43) ) в Object.updateChildren (ReactChildReconciler.js?f170:119)"

Вот мой код:

import React from 'react';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';
import 'react-big-calendar/lib/css/react-big-calendar.css';

const localizer = BigCalendar.momentLocalizer(moment);

const MyCalendar = () => {
    const dummyEvents = [
        {
            allDay: true,
            end: new Date('October 10, 2018 11:13:00'),
            start: new Date('October 09, 2018 11:13:00'),
            title: 'hi'
        }
    ];
    return (
        <div style={{ height: '60rem' }}>
            <BigCalendar
                events={dummyEvents}
                startAccessor="start"
                endAccessor="end"
                localizer={localizer}
            />
        </div>
    );
};

export default MyCalendar;