setState ломает Fullcalendar

Ситуация такова, есть страница с fullcalendar.io на реакте Все как по инструкции:

    import React from 'react'
    import FullCalendar from '@fullcalendar/react' // must go before plugins
    import dayGridPlugin from '@fullcalendar/daygrid' // a plugin!
    
    class Demo extends Component {
    state = {
        test:'',
    }
      dateClick= (arg) => {
         this.setState({test:'1'});
         alert(123);
      }
      render() {
        return (
          <FullCalendar
            plugins={[ dayGridPlugin ]}
            initialView="dayGridMonth"
            dateClick={this.dateClick}
            eventSources={['http://example.com/source.php']}
          />
        )
      }
    }
export default Branch

При таком коде после события dateClick , перестанут подгружаться данные при переходе по страницам, тоесть eventSources тупо отлетает, но стоит убрать this.setState({test:'1'}); из кода, и все работает отлично. Кто знает в чем проблема? Уже весь мозг сломал