diff --git a/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte b/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
index 08c3aa2d78..9cae92ca7c 100644
--- a/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
+++ b/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
@@ -31,7 +31,7 @@
 	export let render: boolean
 	export let outputs: { result: Output<any>; loading: Output<boolean> }
 	export let extraKey = ''
-	export let recomputeOnInputChanged: boolean = false
+	export let recomputeOnInputChanged: boolean = true
 	export let loading = false
 	export let recomputableByRefreshButton: boolean = true
 	export let refreshOnStart: boolean = false
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/SelectedRunnable.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/SelectedRunnable.svelte
index 2484811143..aa839d906c 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/SelectedRunnable.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/SelectedRunnable.svelte
@@ -31,13 +31,15 @@
 		appInput = clearResultAppInput(appInput)
 	}
 
-	if (appInput.recomputeOnInputChanged === undefined) {
-		appInput.recomputeOnInputChanged = true
-	}
-	//TODO: remove after migration is done
-	if (appInput.doNotRecomputeOnInputChanged != undefined) {
-		appInput.recomputeOnInputChanged = !appInput.doNotRecomputeOnInputChanged
-		appInput.doNotRecomputeOnInputChanged = undefined
+	$: {
+		if (appInput.recomputeOnInputChanged === undefined) {
+			appInput.recomputeOnInputChanged = true
+		}
+		//TODO: remove after migration is done
+		if (appInput.doNotRecomputeOnInputChanged != undefined) {
+			appInput.recomputeOnInputChanged = !appInput.doNotRecomputeOnInputChanged
+			appInput.doNotRecomputeOnInputChanged = undefined
+		}
 	}
 </script>
 
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/triggerLists/BackgroundScriptTriggerList.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/triggerLists/BackgroundScriptTriggerList.svelte
index ea86ebbe92..1c52eeae2c 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/triggerLists/BackgroundScriptTriggerList.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/triggerLists/BackgroundScriptTriggerList.svelte
@@ -19,13 +19,15 @@
 	export let doNotRecomputeOnInputChanged: undefined | boolean = undefined
 
 	//TODO: remove after migration is done
-	if (doNotRecomputeOnInputChanged != undefined) {
-		recomputeOnInputChanged = !doNotRecomputeOnInputChanged
-		doNotRecomputeOnInputChanged = undefined
-	}
+	$: {
+		if (doNotRecomputeOnInputChanged != undefined) {
+			recomputeOnInputChanged = !doNotRecomputeOnInputChanged
+			doNotRecomputeOnInputChanged = undefined
+		}
 
-	if (recomputeOnInputChanged == undefined) {
-		recomputeOnInputChanged = true
+		if (recomputeOnInputChanged == undefined) {
+			recomputeOnInputChanged = true
+		}
 	}
 
 	$: dependencies = getDependencies(fields)