diff --git a/src/routes/project/[project]/artefact/[artefact_uuid]/+page.svelte b/src/routes/project/[project]/artefact/[artefact_uuid]/+page.svelte
index 240eabf..a99417a 100644
--- a/src/routes/project/[project]/artefact/[artefact_uuid]/+page.svelte
+++ b/src/routes/project/[project]/artefact/[artefact_uuid]/+page.svelte
@@ -2,10 +2,12 @@
 	import { page } from '$app/stores';
 	import { getArtefact } from '$lib/artefact.remote';
 	import Artefact from '$lib/components/Artefact.svelte';
-	let artefact: Artefact | undefined = $state(undefined);
+
+	let uuid = $derived($page.params.artefact_uuid);
+	let artefact: undefined | Artefact = $state(undefined);
 
 	$effect(() => {
-		getArtefact($page.params.artefact_uuid ?? '').then((a) => (artefact = a));
+		getArtefact(uuid ?? '').then((a) => (artefact = a));
 	});
 </script>