monthSelectPlugin error on mobile view

[Ilahaka77]

as in the title, I got this error when trying to display my website on mobile.

this is my code:
`import { useRef, useState, useEffect } from 'react'
import FullCalendar from '@fullcalendar/react'
import dayGridPlugin from '@fullcalendar/daygrid'
import Flatpickr from 'react-flatpickr'
import monthSelectPlugin from 'flatpickr/dist/plugins/monthSelect/index'
import 'flatpickr/dist/plugins/monthSelect/style.css'
import { ChevronLeftIcon, ChevronRightIcon, PlusIcon } from '@heroicons/react/24/solid'
import dayjs from 'dayjs'

const Schedule = () => {

const flatpickrOptionn = {
    warp: true,
    plugins: [
        new monthSelectPlugin({
            shorthand: true,
            dateFormat: "F Y",
            altFormat: "F Y",
        })
    ]
}

const calendar = useRef()
const selectMonth = useRef()

const [month, setMonth] = useState(dayjs().format('MMMM YYYY'))

const handleMonthChange = (e) => {
    setMonth(dayjs(e).format('MMMM YYYY'))
    const api = calendar.current.getApi()
    api.gotoDate(dayjs(e).toISOString())
}

const handlePrevMonth = () => {
    const api = calendar.current.getApi()
    api.prev()
    setMonth(api.currentData.viewTitle)
}

const handleNextMonth = () => {
    const api = calendar.current.getApi()
    api.next()
    setMonth(api.currentData.viewTitle)
}

useEffect(() => {
    
}, [])

return(
    <>
        <div className="mb-3 w-full flex justify-between items-center">
            <div>
                <button className="btn btn-ghost" onClick={() => handlePrevMonth()}><ChevronLeftIcon className="w-6 h-6"/></button>
                <Flatpickr ref={selectMonth} options={flatpickrOptionn} className="text-3xl font-semibold w-64 text-center" value={month} onChange={handleMonthChange}/>
                <button className="btn btn-ghost" onClick={() => handleNextMonth()}><ChevronRightIcon className="w-6 h-6"/></button>
            </div>
            <div className="float-right">
                <button className="btn btn-success btn-sm text-white" onClick={() => showModal('create')}>
                    <PlusIcon className="w-3 h-3"/>
                    Create
                </button>
            </div>
        </div>
        <FullCalendar
            ref={calendar}
            plugins={[ dayGridPlugin ]}
            initialView="dayGridMonth"
            headerToolbar={false}
            selectable={true}
        />
    </>
)

}

export default Schedule`

this is error message i get:

[vyartym]

As a workaround this option can be used in flatpickrOptions to omit the error: https://flatpickr.js.org/mobile-support/

{
    disableMobile: "true"
}