diff --git a/sites/docs/src/content/utilities/is-in-viewport.md b/sites/docs/src/content/utilities/is-in-viewport.md
index 4e6bdfbb..5f4aefa1 100644
--- a/sites/docs/src/content/utilities/is-in-viewport.md
+++ b/sites/docs/src/content/utilities/is-in-viewport.md
@@ -48,6 +48,7 @@ one-time animations or loading content when it becomes visible:
 	const inViewport = new IsInViewport(() => targetNode, {
 		once: true
 	});
+	const hasBeenSeen = $derived(inViewport.current);
 </script>
 
 <div bind:this={targetNode} class="transition" class="transition-opacity {hasBeenSeen ? 'opacity-100' : 'opacity-0'}">