From 99c24f86c6162aa55577aa5081d1d9db29822f53 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 16 Nov 2023 11:18:11 +0100
Subject: [PATCH] fix(tests) adjusted FlowConfig type

---
 examples/react/src/app.d.ts                            | 10 +++++-----
 examples/react/src/generic-tests/Flow.tsx              |  4 ++--
 examples/svelte/src/app.d.ts                           | 10 +++++-----
 .../routes/tests/generic/[topic]/[example]/Flow.svelte |  4 ++--
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/examples/react/src/app.d.ts b/examples/react/src/app.d.ts
index 3c245231..372850d2 100644
--- a/examples/react/src/app.d.ts
+++ b/examples/react/src/app.d.ts
@@ -2,10 +2,10 @@ import { BackgroundProps, ControlProps, Edge, MiniMapProps, Node, PanelProps, Re
 
 declare global {
   interface FlowConfig {
-    flowProps: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
-    panelProps: PanelProps;
-    backgroundProps: BackgroundProps;
-    controlsProps: ControlProps;
-    minimapProps: MiniMapProps;
+    flowProps?: Omit<ReactFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+    panelProps?: PanelProps;
+    backgroundProps?: BackgroundProps;
+    controlsProps?: ControlProps;
+    minimapProps?: MiniMapProps;
   }
 }
diff --git a/examples/react/src/generic-tests/Flow.tsx b/examples/react/src/generic-tests/Flow.tsx
index 97691bd3..a6db5f5d 100644
--- a/examples/react/src/generic-tests/Flow.tsx
+++ b/examples/react/src/generic-tests/Flow.tsx
@@ -18,8 +18,8 @@ type FlowProps = {
 };
 
 export default ({ flowConfig }: FlowProps) => {
-  const [nodes, setNodes] = useState(flowConfig.flowProps.nodes);
-  const [edges, setEdges] = useState(flowConfig.flowProps.edges);
+  const [nodes, setNodes] = useState(flowConfig.flowProps?.nodes);
+  const [edges, setEdges] = useState(flowConfig.flowProps?.edges);
   const props = { ...flowConfig.flowProps, nodes, edges };
 
   const onNodesChange: OnNodesChange = useCallback((changes) => setNodes((nds) => applyNodeChanges(changes, nds)), []);
diff --git a/examples/svelte/src/app.d.ts b/examples/svelte/src/app.d.ts
index 3e18db2a..31fd2d84 100644
--- a/examples/svelte/src/app.d.ts
+++ b/examples/svelte/src/app.d.ts
@@ -20,11 +20,11 @@ declare global {
 	}
 
 	interface FlowConfig {
-		flowProps: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
-		panelProps: PanelProps;
-		backgroundProps: BackgroundProps;
-		controlsProps: ControlsProps;
-		minimapProps: MiniMapProps;
+		flowProps?: Omit<SvelteFlowProps, 'nodes' | 'edges'> & { nodes: Node[]; edges: Edge[] };
+		panelProps?: PanelProps;
+		backgroundProps?: BackgroundProps;
+		controlsProps?: ControlsProps;
+		minimapProps?: MiniMapProps;
 	}
 }
 
diff --git a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
index 279005a0..bb04fcb8 100644
--- a/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
+++ b/examples/svelte/src/routes/tests/generic/[topic]/[example]/Flow.svelte
@@ -7,8 +7,8 @@
 	export let flowConfig: FlowConfig;
 
 	// Create writables here so it is easier to create test cases
-	const nodes = writable(flowConfig.flowProps.nodes);
-	const edges = writable(flowConfig.flowProps.edges);
+	const nodes = writable(flowConfig.flowProps?.nodes);
+	const edges = writable(flowConfig.flowProps?.edges);
 
 	const flowProps = { ...flowConfig.flowProps, nodes, edges };
 </script>