I am using Bryntum Gantt in react where i have attached one React state variable in parent component using useState for storing selectedTask. But below error is coming as soon as i select the task in gantt.
const BryntumContainer = props => {
const {
startDate = new Date(),
viewPreset,
ganttRef
} = props;
const [selectedProject, setSelectedProject] = useState(null);
const onSelectProject = useCallback((data) => {
setSelectedProject(()=>data);
},[]);
return (<Fragment>
<HeaderToolbar
startDate={startDate}
viewPreset = {viewPreset}
onPresetChange = {onPresetChange}
/>
<GanttView
ganttRef= {ganttRef}
startDate={startDate}
viewPreset = {viewPreset}
onSelectProject = {onSelectProject}
/>
</<Fragment>);
}
My final target is to achieve resource filtration in schedulerPro based on selected task in Gantt in react where Gantt have partner with SchedulerPro [schedulerRef.current.instance.addPartner(ganttRef.current.instance)].
const BryntumContainer = props => {
const {
startDate = new Date(),
viewPreset,
ganttRef,
schedulerRef
} = props;
const [selectedProject, setSelectedProject] = useState(null);
const onSelectProject = useCallback((data) => {
setSelectedProject(()=>data);
},[]);
useEffect(()=>{
if(ganttRef?.current && schedulerRef?.current){
ganttRef.current.instance.addPartner(schedulerRef.current.instance);
}
},[]);
return (<Fragment>
<HeaderToolbar
startDate={startDate}
viewPreset = {viewPreset}
onPresetChange = {onPresetChange}
/>
<GanttView
ganttRef= {ganttRef}
startDate={startDate}
viewPreset = {viewPreset}
onSelectProject = {onSelectProject}
/>
<BryntumSplitter/>
<SchedulerProView
schedulerRef={schedulerRef}
startDate={startDate}
viewPreset = {viewPreset}
selectedProject={selectedProject}
/>
</<Fragment>);
}