Why does a graph event is fired multiple times? What can be done to fix it?

[shivamka1]

I was trying to make use of a graph event afterlayout and happened to notice that it gets fired multiple times!

graph?.on('afterlayout', () => console.log("after layout"))

This is far from ideal. What can be done to fix this?

[shivamka1]

That was happening because multiple event handlers were getting registered which can be avoid like so:

useEffect(() => {
        const afterlayoutHandler = () => console.log("after layout");

        graph?.once('afterlayout', afterlayoutHandler)

        return () => {
            graph?.off('afterlayout', afterlayoutHandler)
        }
    });