diff --git a/frontend/src/lib/components/apps/editor/contextPanel/ComponentOutputViewer.svelte b/frontend/src/lib/components/apps/editor/contextPanel/ComponentOutputViewer.svelte
index e9365cf976..cd6f8fafb2 100644
--- a/frontend/src/lib/components/apps/editor/contextPanel/ComponentOutputViewer.svelte
+++ b/frontend/src/lib/components/apps/editor/contextPanel/ComponentOutputViewer.svelte
@@ -17,7 +17,6 @@
 		if (observableOutputs) {
 			Object.entries(observableOutputs).forEach(([k, output]) => {
 				object[k] = undefined
-				console.log('subscribing to', k, output)
 				output?.subscribe(
 					{
 						id: 'alloutputs' + componentId + '-' + k,
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/GridTab.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/GridTab.svelte
index bccb3beacb..82911c7f6e 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/GridTab.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/GridTab.svelte
@@ -21,6 +21,9 @@
 
 	export let component: AppComponent
 
+	$: if (disabledTabs == undefined) {
+		disabledTabs = []
+	}
 	let items = tabs.map((tab, index) => {
 		return { value: tab, id: generateRandomString(), originalIndex: index }
 	})
@@ -48,7 +51,7 @@
 		]
 		component.numberOfSubgrids = items.length
 
-		disabledTabs = [...disabledTabs, { type: 'static', value: false, fieldType: 'boolean' }]
+		disabledTabs = [...(disabledTabs ?? []), { type: 'static', value: false, fieldType: 'boolean' }]
 	}
 
 	function deleteSubgrid(index: number) {
@@ -69,7 +72,7 @@
 		items = items.filter((item) => item.originalIndex !== index)
 
 		// Delete the item in the disabledTabs array
-		disabledTabs = disabledTabs.filter((_, i) => i !== index)
+		disabledTabs = (disabledTabs ?? []).filter((_, i) => i !== index)
 
 		component.numberOfSubgrids = items.length
 		// Update the originalIndex of the remaining items
@@ -147,8 +150,8 @@
 	}
 </script>
 
-<PanelSection title={`${word}s ${tabs.length > 0 ? `(${tabs.length})` : ''}`}>
-	{#if tabs.length == 0}
+<PanelSection title={`${word}s ${tabs && tabs.length > 0 ? `(${tabs.length})` : ''}`}>
+	{#if !tabs || tabs.length == 0}
 		<span class="text-xs text-tertiary">No Tabs</span>
 	{/if}
 	<div class="w-full flex gap-2 flex-col mt-2">
@@ -187,7 +190,7 @@
 						</div>
 					</div>
 
-					{#if canDisableTabs}
+					{#if canDisableTabs && disabledTabs}
 						<GridTabDisabled bind:field={disabledTabs[index]} id={component.id} />
 					{/if}
 				</div>
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte
index c1803ff233..a3dadcf596 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte
@@ -7,7 +7,7 @@
 	export let id: string
 	export let field: RichConfiguration
 
-	let disablable = !(field.type === 'static' && field.value === false)
+	let disablable = !(field?.type === 'static' && field?.value === false)
 </script>
 
 <Toggle