Hi,
i'm trying to figure how to use state in scheduler features. Changes to the state doesn't seems to update scheduler features. What is the right way to do it? See attached project.
Thanks
const [selectedEvent, setSelectedEvent] = useState<EventModel | null>(null);
...
const eventTooltipFeature = {
allowOver: true,
bbar: [
{
text: 'beer',
icon: 'b-fa b-fa-fw b-fa-beer',
onClick() {
alert(selectedEvent?.name); // selectedEvent always null
},
},
],
template: ({ eventRecord }: { eventRecord: EventModel }) =>
ReactDOMServer.renderToString(<EventTooltipTemplate eventRecord={eventRecord} />),
};
const onEventSelectionChange = useCallback(({ selected }: { selected: EventModel[] }) => {
setSelectedEvent(selected.length ? selected[0] : null);
}, []);
...
<BryntumSchedulerPro
ref={schedulerRef}
{...schedulerConfig}
eventTooltipFeature={eventTooltipFeature}
onEventSelectionChange={onEventSelectionChange}
/>