Создание пользовательских событий в компонентах для React-Big-Calendar

Question

Я пытаюсь настроить отображение моих событий в реагирующем большом календаре. Я пишу машинописным шрифтом, но у меня возникла проблема с обработкой события в моей функции. Любой вклад будет хорош, как и любое объяснение того, как все это работает. Я посмотрел на Как я могу создать пользовательский Компонент события для Reaction-Big-Calendar? , но это не работает.

В целом, я просто хочу создать метод, который позволит мне брать поля события и решать, что отображать, а также размер события в календаре.

public render() {
return (
  <div style={{height: 800 }}>
    <BigCalendar
      localizer={localizer}
      events={events}
      startAccessor="start"
      endAccessor="end"
      views={['month', 'week', 'day']}
      defaultView={'month'}
      onDoubleClickEvent={event => this.handleDoubleClick(event)}
      components={{
        event: this.CustomEvent
      }} 
      // eventPropGetter={}
    />
  </div>
);

}

CustomEvent = () => (
<div>
  <div>Hello</div>
  <div>World</div>
</div>);

eventStyle(event: IEventProps, start: Date,end: Date,isSelected: boolean) 
{
    return {
      style: {
      backgroundColor: event.color
      }
   }
}