estoy usando jQuery fullcalendar en un componente ReactJs.

tengo un <div id="calendar"></div> en el método de renderizado

y en componentDidUpdate, actualicé el calendario con los siguientes códigos:

 $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, events: _this.state.events, defaultView:'month', displayEventTime: false, editable: false, droppable: false, durationEditable: false });

y muestra el carácter "indefinido" en el título. ¿Qué hice mal? y cómo depurar de dónde vino la cadena indefinida?

actualmente, hice una solución pirateada para eliminar todas las cadenas indefinidas del título agregando lo siguiente:

 viewRender: function(view, element) { //note: this is a hack, i don't know why the view title keep showing "undefined" text in it. //probably bugs in jquery fullcalendar $('.fc-center')[0].children[0].innerText = view.title.replace(new RegExp("undefined", 'g'), ""); ; },

¿Hay alguna solución mejor?

estoy usando jquery FullCalendar v2.9.1

con los siguientes datos de muestra sobre los eventos:

 [{"start":"2017-03-24T00:00:00.000Z","end":"2017-03-26T00:00:00.000Z","title":"Open house","description":"Bali 1 open house"}]

nota: terminé tirando el jquery full calendar a favor de react-big-calendar.