Problema con state in react

[fermat]

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:

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??

[fermat]

niente, mi si è accesa la lampadina subito dopo aver inviato.

il parametro initialView vuole una stringa.

quindi ho creato questa funzione e gliel'ho passata:

function setInitialView(): string {
    if (innerWidth < 500) {
        return 'timeGridWeek';
    } else {
        return 'dayGridMonth';
    }
}

[ciro78]

niente, mi si è accesa la lampadina subito dopo aver inviato.

il parametro initialView vuole una stringa.

quindi ho creato questa funzione e gliel'ho passata:

function setInitialView(): string {
    if (innerWidth < 500) {
        return 'timeGridWeek';
    } else {
        return 'dayGridMonth';
    }
}

grazie per aver condiviso