From 368a7b0717d4deb74771b6c9b9ddae1e0b866492 Mon Sep 17 00:00:00 2001
From: wo-o29 <woogur29@gmail.com>
Date: Fri, 12 Sep 2025 13:58:04 +0900
Subject: [PATCH 1/2] docs: fix AutoCompleteInput example in usage docs

---
 src/docs/ko/why-react-simplikit-matters.md | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/docs/ko/why-react-simplikit-matters.md b/src/docs/ko/why-react-simplikit-matters.md
index 2f4943b2..afdd3c99 100644
--- a/src/docs/ko/why-react-simplikit-matters.md
+++ b/src/docs/ko/why-react-simplikit-matters.md
@@ -44,10 +44,6 @@ function AutoCompleteInput() {
   }, []);
 
   useEffect(() => {
-    if (searchTimeoutRef.current) {
-      clearTimeout(searchTimeoutRef.current);
-    }
-
     if (query.trim().length === 0) {
       setResults([]);
       return;
@@ -145,7 +141,7 @@ function AutoCompleteInput() {
   }, 300);
 
   const containerRef = useRef<HTMLDivElement>(null);
-  useOutsideClickEffect(containerRef.current, () => closeSearchBox());
+  useOutsideClickEffect(containerRef.current, closeSearchBox);
 
   return (
     <div ref={containerRef} className="relative">
@@ -166,7 +162,7 @@ function AutoCompleteInput() {
           LOADING: () => <div>검색 중...</div>,
           EMPTY: () => <div>검색 결과가 없습니다.</div>,
           RESULT_EXISTS: () => (
-            <Separated with={<Divider />}>
+            <Separated by={<Divider />}>
               {results.map(result => (
                 <Fragment key={result.id}>
                   <div

From f3017c8831812fde95f2dd61ce3f18b1bfd94a41 Mon Sep 17 00:00:00 2001
From: wo-o29 <woogur29@gmail.com>
Date: Fri, 12 Sep 2025 14:35:19 +0900
Subject: [PATCH 2/2] docs(en): fix AutoCompleteInput example in usage docs

---
 src/docs/en/why-react-simplikit-matters.md | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/docs/en/why-react-simplikit-matters.md b/src/docs/en/why-react-simplikit-matters.md
index 8cdaa6f1..ca352639 100644
--- a/src/docs/en/why-react-simplikit-matters.md
+++ b/src/docs/en/why-react-simplikit-matters.md
@@ -44,10 +44,6 @@ function AutoCompleteInput() {
   }, []);
 
   useEffect(() => {
-    if (searchTimeoutRef.current) {
-      clearTimeout(searchTimeoutRef.current);
-    }
-
     if (query.trim().length === 0) {
       setResults([]);
       return;
@@ -145,7 +141,7 @@ function AutoCompleteInput() {
   }, 300);
 
   const containerRef = useRef<HTMLDivElement>(null);
-  useOutsideClickEffect(containerRef.current, () => closeSearchBox());
+  useOutsideClickEffect(containerRef.current, closeSearchBox);
 
   return (
     <div ref={containerRef} className="relative">
@@ -166,7 +162,7 @@ function AutoCompleteInput() {
           LOADING: () => <div>Searching...</div>,
           EMPTY: () => <div>No results found.</div>,
           RESULT_EXISTS: () => (
-            <Separated with={<Divider />}>
+            <Separated by={<Divider />}>
               {results.map(result => (
                 <Fragment key={result.id}>
                   <div