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>