From 3aa7aa8c6846fd5e26ff50dfad08a5373edf1ec1 Mon Sep 17 00:00:00 2001
From: wo-o29 <woogur29@gmail.com>
Date: Mon, 25 Aug 2025 21:37:53 +0900
Subject: [PATCH] docs: add cleanup function in useDelayedValue to prevent
 memory leaks

---
 src/content/learn/escape-hatches.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/content/learn/escape-hatches.md b/src/content/learn/escape-hatches.md
index 8cf840b06..f6bc90535 100644
--- a/src/content/learn/escape-hatches.md
+++ b/src/content/learn/escape-hatches.md
@@ -820,9 +820,11 @@ export function useDelayedValue(value, delay) {
   const [delayedValue, setDelayedValue] = useState(value);
 
   useEffect(() => {
-    setTimeout(() => {
+    const timerId = setTimeout(() => {
       setDelayedValue(value);
     }, delay);
+
+    return () => clearTimeout(timerId);
   }, [value, delay]);
 
   return delayedValue;