I'm working on a calendar using FullCalendar from fullcalendar.io. Here is my code :

import React from "react"
import FullCalendar from "@fullcalendar/react"
import listPlugin from "@fullcalendar/list"
import dayGridPlugin from "@fullcalendar/daygrid"
import timeGridPlugin from "@fullcalendar/timegrid"
import interactionPlugin from "@fullcalendar/interaction"
import frLocale from "@fullcalendar/core/locales/fr"

const Calendar = (props) => {


const calendarOptions = {
  events: data.events.length ? data.events : [],
  eventColor: variables.promoter,
  plugins: [interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin],
  initialView: "dayGridMonth",
  headerToolbar: {
    start: "prevYear,prev,next,nextYear",
    center: "title",
    end: "dayGridMonth,timeGridWeek,timeGridDay",
  },
  timeZone: "Europe/Paris",
  eventTimeFormat: { hour: "2-digit", minute: "2-digit", hour12: false },
  editable: true,
  locale: frLocale,

  eventResizableFromStart: true,

  dragScroll: true,

  dayMaxEvents: 2,

  navLinks: true,

  ...

  };
return <FullCalendar {...calendarOptions} />;
  };
  
  export default Calendar;

Anyway the code works, and it gives me a calendar as follows.

So my question is : Is it possible to store the calendar title into a variable so that I can use it the way I want?

I have already looked at the fullcalendar documentation, but still don't have any solution... Thank you by advance for any help!