diff --git a/frontend/src/lib/components/splitPanes/Pane.svelte b/frontend/src/lib/components/splitPanes/Pane.svelte
index d820a7f29b..afe8f6dfc9 100644
--- a/frontend/src/lib/components/splitPanes/Pane.svelte
+++ b/frontend/src/lib/components/splitPanes/Pane.svelte
@@ -19,14 +19,14 @@
 	const splitPanesLayout = getSplitPanesLayout()
 
 	onMount(() => {
-		splitPanesLayout.mountPane(splitPanesId, index, defaultSize)
+		splitPanesLayout?.mountPane(splitPanesId, index, defaultSize)
 	})
 
 	onDestroy(() => {
-		splitPanesLayout.unmountPane(splitPanesId, index)
+		splitPanesLayout?.unmountPane(splitPanesId, index)
 	})
 </script>
 
-<Pane size={splitPanesLayout.layout[splitPanesId]?.[index]?.size ?? defaultSize} {...rest}>
+<Pane size={splitPanesLayout?.layout[splitPanesId]?.[index]?.size ?? defaultSize} {...rest}>
 	{@render children?.()}
 </Pane>
diff --git a/frontend/src/lib/components/splitPanes/SplitPanesLayout.svelte.ts b/frontend/src/lib/components/splitPanes/SplitPanesLayout.svelte.ts
index 2d6b33257b..fe88020274 100644
--- a/frontend/src/lib/components/splitPanes/SplitPanesLayout.svelte.ts
+++ b/frontend/src/lib/components/splitPanes/SplitPanesLayout.svelte.ts
@@ -118,7 +118,7 @@ export class SplitPanesLayout {
 	}
 }
 
-export function getSplitPanesLayout(): SplitPanesLayout {
+export function getSplitPanesLayout(): SplitPanesLayout | undefined {
 	return getContext<SplitPanesLayout>(KEY)
 }
 
diff --git a/frontend/src/lib/components/splitPanes/Splitpanes.svelte b/frontend/src/lib/components/splitPanes/Splitpanes.svelte
index df79c6aa9b..b0ec6e6ff3 100644
--- a/frontend/src/lib/components/splitPanes/Splitpanes.svelte
+++ b/frontend/src/lib/components/splitPanes/Splitpanes.svelte
@@ -19,18 +19,18 @@
 	const splitPanesLayout = getSplitPanesLayout()
 
 	onMount(() => {
-		splitPanesLayout.handleSplitPaneReady(id)
+		splitPanesLayout?.handleSplitPaneReady(id)
 	})
 
 	onDestroy(() => {
-		splitPanesLayout.handleSplitPaneDestroy(id)
+		splitPanesLayout?.handleSplitPaneDestroy(id)
 		clearTimeout(timeout)
 	})
 </script>
 
 <Splitpanes
 	on:resized={({ detail }) => {
-		splitPanesLayout.handleResize(
+		splitPanesLayout?.handleResize(
 			id,
 			detail.map((d, index) => ({ size: d.size, index }))
 		)