title: Fullcalendar timeGridWeek and timeGridDay not loading correctly
body: <p>For my calendar, I'm trying to use the timeGridWeek and timeGridDay views. Instead of loading correctly like this: <a href="https://i.stack.imgur.com/u6amm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u6amm.png" alt="enter image description here"></a></p>
  
  <p>it loads like this: <a href="https://i.stack.imgur.com/Ufe4H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ufe4H.png" alt="enter image description here"></a></p>
  
  <p>My calendar defaultview is dayGridMonth, which works fine. When I click the buttons that change the view to week or day, it doesn't render correctly AND also doesn't let me change the view further with button clicks (essentially I'm stuck in the view I selected).</p>
  
  <p>Here is my code for the calendar element + imports:</p>
  
  <pre><code>import timeGridPlugin from "@fullcalendar/timegrid";
  import FullCalendar from "@fullcalendar/react";
  import dayGridPlugin from "@fullcalendar/daygrid";
  import interactionPlugin, { Draggable } from "@fullcalendar/interaction";
  
            &lt;FullCalendar
              ref={this.calendarRef}
              defaultView="dayGridMonth"
              height={"parent"}
              width={"parent"}
              droppable={true}
              drop={this.handleDrop}
              dateClick={this.handleDateClick}
              eventClick={this.handleEventClick}
              header={{
                left: "prev,next, today",
                center: "title",
                right: "dayGridMonth,timeGridWeek,timeGridDay"
              }}
              plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
              editable={true}
              events={this.state.events}
              eventLimit={true}
            /&gt;
  </code></pre>
  
  <p>Thanks in advance :)</p>