[REACT] TypeError: Cannot read properties of undefined (reading 'direction') when using timezone

[saddlepaddle]

Hi there,

Somehow when using the latest version of Bryntum I'm having issues setting the "timeZone" property in my config on the latest version of Bryntum (v5.6.8):

const timelineSchedulerConfig: BryntumSchedulerProps = {
    ...baseSchedulerConfig,
    width: '100%',
    barMargin: 2,
    columns: {
        text: 'Name',
        field: 'name',
        width: 250,
        filterable: true,
        editor: false,
    },
    timeZone: 'America/Toronto',
    presets: [
        {
            base: 'weekAndDay',
            id: 'week',
        },
        {
            base: 'hourAndDay',
            id: 'day',
        },
    ],
    features: {
        filterBar: true,
        resourceTimeRanges: true,
        eventEdit: false,
        eventMenu: false,
    },
    viewPreset: 'week',
    listeners: {
        beforeEventDrag: () => false,
        beforeEventResize: () => false,
    },
    zoomKeepsOriginalTimespan: true,
    createEventOnDblClick: false,
    eventDragCreateFeature: false,
    eventDragFeature: false,
    eventResizeFeature: false,
    minHeight: '5em',
};

Interestingly, when I downgrade to 5.3.6, my timeline view works completely fine and has the timezone transition included without issue.

The specific error is "TypeError: Cannot read properties of undefined (reading 'direction')," which appears when I add the timeZone prop but when I remove it it goes away in v5.6.8.

Any idea on the possible cause? Thanks in advance!

[alex.l]

Hi,

Please attach a test case, we do not have this issue in our demos, so we can't reproduce this.
Try to apply required changes to our demo code to make this reproducible. You can find demos' code in sources you downloaded in CustomerZone, check /examples folder.