diff --git a/packages/react/src/components/ReactFlowProvider/index.tsx b/packages/react/src/components/ReactFlowProvider/index.tsx index cd3b2139..d529c34c 100644 --- a/packages/react/src/components/ReactFlowProvider/index.tsx +++ b/packages/react/src/components/ReactFlowProvider/index.tsx @@ -8,21 +8,26 @@ import type { ReactFlowState, Node, Edge } from '../../types'; function ReactFlowProvider({ children, - nodes, - edges, - width, - height, + initialNodes, + initialEdges, + initialWidth, + initialHeight, }: { children: ReactNode; - nodes?: Node[]; - edges?: Edge[]; - width?: number; - height?: number; + initialNodes?: Node[]; + initialEdges?: Edge[]; + initialWidth?: number; + initialHeight?: number; }) { const storeRef = useRef> | null>(null); if (!storeRef.current) { - storeRef.current = createRFStore({ nodes, edges, width, height }); + storeRef.current = createRFStore({ + nodes: initialNodes, + edges: initialEdges, + width: initialWidth, + height: initialHeight, + }); } return {children}; diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte index b4b6a986..62ac3096 100644 --- a/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte +++ b/packages/svelte/src/lib/components/SvelteFlowProvider/SvelteFlowProvider.svelte @@ -6,10 +6,17 @@ type $$Props = SvelteFlowProviderProps; - export let nodes: $$Props['nodes'] = undefined; - export let edges: $$Props['edges'] = undefined; + export let initialNodes: $$Props['initialNodes'] = undefined; + export let initialEdges: $$Props['initialEdges'] = undefined; + export let initialWidth: $$Props['initialWidth'] = undefined; + export let initialHeight: $$Props['initialHeight'] = undefined; - const store = createStore({ nodes, edges }); + const store = createStore({ + nodes: initialNodes, + edges: initialEdges, + width: initialWidth, + height: initialHeight + }); setContext(key, { getStore: () => store diff --git a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts index 74ddb713..8e21df16 100644 --- a/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts +++ b/packages/svelte/src/lib/components/SvelteFlowProvider/types.ts @@ -1,6 +1,8 @@ import type { Edge, Node } from '$lib/types'; export type SvelteFlowProviderProps = { - nodes?: Node[]; - edges?: Edge[]; + initialNodes?: Node[]; + initialEdges?: Edge[]; + initialWidth?: number; + initialHeight?: number; };