reactflow-canvas-store/dist/canvas/CanvasStoreProvider.js

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

import React, { createContext, useState } from 'react';
export const CanvasStoreContext = createContext(null);
export const CanvasStoreProvider = ({ children }) => {
    const [store, setStore] = useState({});
    const setCanvasValue = (canvasId, key, value) => {
        setStore(prev => ({
            ...prev,
            [canvasId]: {
                ...(prev[canvasId] || {}),
                [key]: value,
            },
        }));
    };
    return (React.createElement(CanvasStoreContext.Provider, { value: { store, setCanvasValue } }, children));
};