Hi Bryntum team!
I have a question about using JSX in the eventBodyTemplate. We want to use JSX as much as its possible in our project, especially for the scheduler events and tooltips.
We saw that in the Bryntum Scheduler Pro 5.2.6 version you added JSX support to event/taskRenderer so we just updated to it. Previously we have used ReactDomServer.renderToString() but that that creates some styling issues so JSX support without this hack would be important.
According to this https://github.com/bryntum/support/issues/774 we should be able to use our React components for events but we only get [Object object] in our DOM instead of the JSX we added in the eventBodyTemplate. (I have simplified eventBodyTemplate and eventRenderer functions for the purpose of this demo).
Are we missing some configuration or any other idea on why JSX still causes this issue on 5.2.6?
<BryntumScheduler
animateRemovingRows={false}
barMargin={4}
cellEditFeature={false}
createEventOnDblClick={false}
columns={columns}
dependenciesFeature={false}
dependencyEditFeature={false}
endDate={endDateP1}
// Rows affected
eventBodyTemplate={() => <div>Hello</div>}
eventRenderer={() => ''}
eventColor={null as any}
eventEditFeature={false}
eventFilterFeature={false}
eventLayout="stack"
eventStyle={null as any}
filterBarFeature={{ compactMode: true }}
fullRowRefresh={false}
groupFeature='name'
id="demo-scheduler"
listeners={listeners}
multiEventSelect={true}
onCellClick={cellClickListener}
onSelectionChange={localHandleSelectionChange}
onPresetChange={presetChange}
panFeature
presets={presets}
project={project}
readOnly={false}
ref={ganttRef as any}
resourceTimeRangesFeature
scheduleMenuFeature={false}
scheduleTooltipFeature={false}
simpleEventEditFeature={false}
startDate={startDate}
stripeFeature
suppressFit
transitionDuration={0}
viewPreset={zoomLevel}
useInitialAnimation={false}
zoomKeepsOriginalTimespan
/>