1. Feedback
  2. React
  3. 21786

Welcome to the React feedback portal. We’re happy you’re here! If you have feedback on how to improve the React, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Cannot read property of "startDate" of undefined

Hi, sometimes on mount(or render close to mount) the schedule component errors with the message "Cannot read property 'startDate'" When we remount it works.





<ScheduleComponent
                eventSettings={{ dataSource: meetings, enableMaxHeight: true }}
                eventRendered={onEventRendered}
                currentView="TimelineDay"
                group={{ enableCompactView: false, resources: ['MeetingRoom'] }}
                resourceHeaderTemplate={resourceHeaderTemplate}
                renderCell={onRenderCell}
                selectedDate={selectedDate}
                select={onSelectHandler}
                ref={scheduleRef}
                dataBound={scrollToCurrentHour}
                popupOpen={popupOpenHandler}
                locale="nb"
                actionComplete={onActionComplete}
                workHours={{ highlight: true, start: '00:00', end: '23:59' }}
                cellClick={cellClickedHandler}
                allowMultiCellSelection={true}
            >
                <HeaderRowsDirective>
                    <HeaderRowDirective option="Hour" template={''} />
                </HeaderRowsDirective>
                <ResourcesDirective>
                    <ResourceDirective
                        field="RoomId"
                        title="Room"
                        name="MeetingRoom"
                        allowMultiple={false}
                        dataSource={rooms}
                        textField="text"
                        idField="id"
                        colorField="color"
                    ></ResourceDirective>
                </ResourcesDirective>
                <ViewsDirective>
                    <ViewDirective option="TimelineDay" />
                </ViewsDirective>
                <Inject services={[TimelineViews]} />
            </ScheduleComponent>


The component renders conditionally only when "meeting" are truthy, and application would crash at an earlier point if an item in the meetings array where undefined.