title: Fullcalendar v5 only renders one event tip
body: <p>I´m trying to render some events in v5 fullcalendar. This is my code:</p>
  <pre><code>document.addEventListener('DOMContentLoaded',function(){
              var cUI= document.getElementById('calendar'); 
              var c= new FullCalendar.Calendar(cUI,{
                  themeSystem: 'bootstrap',
                  headerToolbar:{
                      left:'prev,next today',
                      center:'title',
                      right:'',
                  },
                  events:[
                      {% for v in vacation %}
                          {
                              {% if v.id_cause.cause_name == 'Vacations' %}
                                 backgroundColor : 'blue',
                                 borderColor : 'blue',
                              {% else %}
                                  backgroundColor : 'darkgreen',
                                  borderColor : 'darkgreen',
                              {% endif %}
                              textColor : 'gray',
                              title:&quot;{{ v.startT }} - {{ v.endT }}&quot;,
                              start: &quot;{{ v.startD | date:'Y-m-d' }}&quot;,
                              end: &quot;{{ v.endD | date:'Y-m-d' }}&quot;,
                              description:&quot;{{v.id_cause.cause_name}} {{v.cause_text}}&quot;,
                          },
                      {% endfor %}                    
                  ],
                  {% comment %} eventDidMount: function(info) {
                      var tooltip = tippy('.fc-event-title-container',{
                          content: info.event.extendedProps.description,
                          placement: 'top',
                          interactive: true,
                      });
                  }, {% endcomment %}
              });
              c.render();
              c.setOption('locale','en');
          });
  </code></pre>
  <p>---UPDATED---</p>
  <pre><code>document.addEventListener('DOMContentLoaded',function(){
              var cUI= document.getElementById('calendar'); 
              var c= new FullCalendar.Calendar(cUI,{
                  themeSystem: 'bootstrap',
                  headerToolbar:{
                      left:'prev,next today',
                      center:'title',
                      right:'',
                  },
                  events:[
                      {backgroundColor : 'blue',
                      borderColor : 'blue',
                      textColor : 'gray',
                      title:&quot;08:00-09:00&quot;,
                      start: &quot;2021-10-13&quot;,
                      end: &quot;2021-10-20&quot;,
                      description:&quot;vacation- holy time&quot;},
                      {backgroundColor : 'green',
                      borderColor : 'green',
                      textColor : 'gray',
                      title:&quot;08:00-10:00&quot;,
                      start: &quot;2021-10-15&quot;,
                      end: &quot;2021-10-15&quot;,
                      description:&quot;medical- future´s coming&quot;},
                     
                  ],
                  eventDidMount: function(info) {
                      var tooltip = tippy('.fc-event-title-container',{
                          content: info.event.extendedProps.description,
                          placement: 'top',
                          interactive: true,
                      });
                  },
              });
              c.render();
              c.setOption('locale','en');
          });
  </code></pre>
  <p>---UPDATED---
  It renders the calendar and tips, however it repeats the same tip for all events, but colors for different cause_names shows different, so I don´t get the point it renders all events with their data correctly but tips fails.
  I´m on django 3 btw.
  Maybe rollback to previous fullcalendar version with eventRender, instead eventDidMount?
  Thanks for the help</p>