diff --git a/frontend/src/lib/components/workspaceSettings/DataTableSettings.svelte b/frontend/src/lib/components/workspaceSettings/DataTableSettings.svelte
index 6f59d10f16..51e95bc7eb 100644
--- a/frontend/src/lib/components/workspaceSettings/DataTableSettings.svelte
+++ b/frontend/src/lib/components/workspaceSettings/DataTableSettings.svelte
@@ -85,7 +85,10 @@
 		Database: 'The database where the data is stored.'
 	}
 
-	let tempSettings: DataTableSettingsType = $state($state.snapshot(dataTableSettings))
+	let tempSettings: DataTableSettingsType = $derived.by(() => {
+		let s = $state($state.snapshot(dataTableSettings))
+		return s
+	})
 
 	function removeDataTable(index: number) {
 		tempSettings.dataTables.splice(index, 1)
diff --git a/frontend/src/lib/svelte5Utils.svelte.ts b/frontend/src/lib/svelte5Utils.svelte.ts
index adb09a4809..90de70ba6d 100644
--- a/frontend/src/lib/svelte5Utils.svelte.ts
+++ b/frontend/src/lib/svelte5Utils.svelte.ts
@@ -2,7 +2,7 @@
 
 import { untrack } from 'svelte'
 import { deepEqual } from 'fast-equals'
-import type { StateStore } from './utils'
+import { type StateStore } from './utils'
 
 export function withProps<Component, Props>(component: Component, props: Props) {
 	const ret = $state({
@@ -39,6 +39,9 @@ export type UsePromiseOptions = {
 	clearValueOnRefresh?: boolean
 }
 
+/**
+ * @deprecated Use `resource` from `runed` instead
+ */
 export function usePromise<T>(
 	createPromise: () => Promise<T>,
 	{ loadInit = true, clearValueOnRefresh = true }: UsePromiseOptions = {}