From d92affd3f54a63f034cbb6d31d7061e3907d0d8b Mon Sep 17 00:00:00 2001
From: Tee Ming <chewteeming01@gmail.com>
Date: Sat, 26 Oct 2024 22:17:00 +0800
Subject: [PATCH] Update 03-lifecycle-hooks.md

---
 documentation/docs/06-runtime/03-lifecycle-hooks.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/documentation/docs/06-runtime/03-lifecycle-hooks.md b/documentation/docs/06-runtime/03-lifecycle-hooks.md
index 56ce8e1cdd9c..81309238949d 100644
--- a/documentation/docs/06-runtime/03-lifecycle-hooks.md
+++ b/documentation/docs/06-runtime/03-lifecycle-hooks.md
@@ -67,9 +67,9 @@ While there's no "after update" hook, you can use `tick` to ensure that the UI i
 
 ```svelte
 <script>
-	import { beforeUpdate, tick } from 'svelte';
+	import { tick } from 'svelte';
 
-	beforeUpdate(async () => {
+	$effect.pre(async () => {
 		console.log('the component is about to update');
 		await tick();
 		console.log('the component just updated');