@gravity-ui/graph/build/react-components/elk/hooks/useElk.js

Modern graph editor component

import { useCallback, useEffect, useState } from "react";
import { elkConverter } from "../converters/eklConverter";
export const useElk = (config, elk, args) => {
    const [result, setResult] = useState(null);
    const [isLoading, setIsLoading] = useState(true);
    const layout = useCallback(() => {
        return elk.layout(config, args);
    }, [elk, config, args]);
    useEffect(() => {
        let isCancelled = false;
        layout()
            .then((data) => {
            if (isCancelled)
                return;
            setResult(elkConverter(data));
            setIsLoading(false);
        })
            .catch((error) => {
            if (!isCancelled) {
                args?.onError(error);
                setIsLoading(false);
            }
        });
        return () => {
            isCancelled = true;
        };
    }, [layout]);
    return { result, isLoading };
};