ciao!

ho un problema con un cambio di state in react.
il problema riguarda la modalità di visualizzazione di fullcalendar.

vi posto un pò di codice:
codice:
const [initialView, setInitialView] = useState('timeGridDay');
const {innerWidth} = window;
const [leftCalendar, setLeftCalendar] = useState('prevYear,prev,next,nextYear today');

useEffect(() => {
    if (innerWidth < 500) {
        console.log(innerWidth);
        setInitialView('timeGridWeek');
        setLeftCalendar('prev,next today');
    } else {
        // setInitialView('timeGridDay');
        setInitialView('dayGridMonth');
    }
}, []); // eslint-disable-line react-hooks/exhaustive-deps

<FullCalendar
    firstDay={1}
    height={600}
    events={events}
    eventClick={eventClick}
    initialDate={getToday()}
    initialView={initialView}
    plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
    headerToolbar={{
        left: leftCalendar,
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay'
    }}
    editable
    selectable
    selectMirror
    dayMaxEvents
/>
praticamente:
- innerWidht mi dice 480, quindi rientra nella if
- setLeftCalendar funziona correttamente, quindi rientra nella if
- ma la visualizzazione rimane quella iniziale

qualche idea??