Scheduler headers (dates) default to left but content cells default to right when re-rendered in React

[fabiansvensson]

Checklist

• [X] I've looked through the README
• [X] I've verified that I'm running react-big-scheduler-stch version 1.3.0

Please make sure the question is worded well enough to be understood

I have two views, one table checklist where the user can add resources to the scheduler, and the scheduler itself. Whenever I move to the table checklist and back, the dates of the Scheduler default to start of the month (1,2,3,4,5...). But the cells with content default to end of the month (27,28,29,30...). See image:

As soon as I scroll to the left just a little bit, the issue is corrected, and the correct dates are displayed (27, 28, 29, 39...):

Any idea what might be causing this? This is my Scheduler code:

<Scheduler
            prevClick={prevClick}
            nextClick={nextClick}
            onSelectDate={onSelectDate}
            onViewChange={onViewChange}
            toggleExpandFunc={toggleExpandFunc}
            eventItemClick={(sd: SchedulerData, eventItem: EventItem) => {
                const idx = schedulerData.resources.findIndex((r: any) => r.id == eventItem.resourceId);
                const personName = idx >= 0 ? schedulerData.resources[idx].name : '';
                //@ts-ignore
                props.onShowAddEvent(eventItem.resourceId, personName, eventItem.start, eventItem.end, eventItem.meta.batch)
            }}
            schedulerData={schedulerData}
            updateEventEnd={updateEventEnd}
            newEvent={newEvent}
            parentRef={props.parentRef}
            nonAgendaCellHeaderTemplateResolver={nonAgendaCellHeaderTemplateResolver}
/>

The configuration I've added is basically this: responsiveByParent: true, schedulerMaxHeight: 300, resourceName: t('addworkorder:persons', "Persons") as string, taskName: t('addworkorder:task_name', "Task name") as string, nonAgendaDayCellHeaderFormat: 'HH:mm', nonAgendaOtherCellHeaderFormat: 'ddd|M/D', views: [ {viewName: t('addworkorder:month', "Month") as string, viewType: ViewType.Month, showAgenda: false, isEventPerspective: false}, {viewName: t('addworkorder:quarter', "Quarter") as string, viewType: ViewType.Quarter, showAgenda: false, isEventPerspective: false}, {viewName: t('addworkorder:year', "Year") as string, viewType: ViewType.Year, showAgenda: false, isEventPerspective: false}, ],

[zzy-life]

I also reproduced this problem, did you solve it? @fabiansvensson

[zzy-life]

And it only occurs in the Edge browser