diff --git a/content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte b/content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte
index deb5c282..d56e08de 100644
--- a/content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte
+++ b/content/3-lifecycle/1-on-mount/svelte5/PageTitle.svelte
@@ -1,6 +1,8 @@
 <script>
+  import { onMount } from 'svelte';
+
   let pageTitle = $state("");
-  $effect(() => {
+  onMount(() => {
     pageTitle = document.title;
   });
 </script>
diff --git a/content/3-lifecycle/2-on-unmount/svelte5/Time.svelte b/content/3-lifecycle/2-on-unmount/svelte5/Time.svelte
index 15d303a2..06943dea 100644
--- a/content/3-lifecycle/2-on-unmount/svelte5/Time.svelte
+++ b/content/3-lifecycle/2-on-unmount/svelte5/Time.svelte
@@ -1,7 +1,9 @@
 <script>
+  import { onDestroy } from "svelte";
+
   let time = $state(new Date().toLocaleTimeString());
 
-  $effect(() => {
+  onDestroy(() => {
     const timer = setInterval(() => {
       time = new Date().toLocaleTimeString();
     }, 1000);