reactflow-canvas-store/dist/global/useGlobalStore.js

Global and multi-canvas state store for React Flow projects.

import { useContext } from 'react';
import { GlobalStoreContext } from './GlobalStoreProvider';
//reactive store
export function useGlobalStore(key) {
    const context = useContext(GlobalStoreContext);
    if (!context) {
        throw new Error('useGlobalStore must be used within a GlobalStoreProvider');
    }
    const value = context[key];
    const setValue = (val) => {
        context.setValue(key, val);
    };
    return [value, setValue];
}