Dependency Store beforeAdd Event giving error if it returns false

[kronaemmanuel]

Steps to repro:
In our Gantt/examples/frameworks/react/typescript/basic, try this code in App.tsx:

const App: FunctionComponent = () => {
    const ganttRef = useRef<BryntumGantt>(null);

    useEffect(() => {
        const ganttInstance = ganttRef.current?.instance;
        if (ganttInstance) {
            const handleBeforeAdd = () => false;
            // @ts-ignore
            ganttInstance.dependencyStore.on('beforeAdd', handleBeforeAdd);
        }
    }, [ganttRef]);

    return (
        <Fragment>
            {/* BryntumDemoHeader component is used for Bryntum example styling only and can be removed */}
            <BryntumDemoHeader/>
            <BryntumGantt ref={ganttRef} {...ganttConfig} />
        </Fragment>
    );
};

Forum post

Hi All,

I am facing an issue in the dependency store. I want to add additional logic before creating new dependencies between tasks for that I want to use beforeAdd event of the Dependency store as it says in the documentation that it is a preventable event and can be prevented dependencies by returning false

But when I return false from that function it gives error:

The code I am using for now:

ganttInstance?.dependencyStore?.on({
            add: handleAddDependency,
            remove: handleRemoveDependency,
            beforeAdd: () => {
                return false;
            },
        });

I am also attaching a runnable test case with steps to reproduce:
Add any dependency between any task.
See error in console.

[ghulamghousdev]

It is also reproducible in basic gantt demo https://bryntum.com/products/gantt/examples/basic/:

Screen.Recording.2024-01-22.at.7.33.15.PM.mov