From f910eb2540e624dc26cfdd4f51b83ab1b0302166 Mon Sep 17 00:00:00 2001
From: wo-o29 <woogur29@gmail.com>
Date: Sat, 13 Sep 2025 16:08:20 +0900
Subject: [PATCH 1/2] docs: add generic type

---
 src/hooks/useRefEffect/ko/useRefEffect.md | 10 +++++-----
 src/hooks/useRefEffect/useRefEffect.md    | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/hooks/useRefEffect/ko/useRefEffect.md b/src/hooks/useRefEffect/ko/useRefEffect.md
index 036d7e0c..1ca412ea 100644
--- a/src/hooks/useRefEffect/ko/useRefEffect.md
+++ b/src/hooks/useRefEffect/ko/useRefEffect.md
@@ -5,10 +5,10 @@
 ## 인터페이스
 
 ```ts
-function useRefEffect(
-  callback: (element: Element) => CleanupCallback | void,
+function useRefEffect<E extends HTMLElement>(
+  callback: (element: E) => CleanupCallback | void,
   deps: DependencyList
-): (element: Element | null) => void;
+): (element: E | null) => void;
 ```
 
 ### 파라미터
@@ -16,7 +16,7 @@ function useRefEffect(
 <Interface
   required
   name="callback"
-  type="(element: Element) => CleanupCallback | void"
+  type="(element: E) => CleanupCallback | void"
   description="요소가 설정될 때 실행되는 콜백 함수예요. 이 함수는 정리 함수를 반환할 수 있어요."
 />
 
@@ -31,7 +31,7 @@ function useRefEffect(
 
 <Interface
   name=""
-  type="(element: Element | null) => void"
+  type="(element: E | null) => void"
   description="요소를 설정하는 함수예요. 이 함수를 <code>ref</code> 속성에 전달하면, 요소가 변경될 때마다 <code>callback</code>이 호출돼요."
 />
 
diff --git a/src/hooks/useRefEffect/useRefEffect.md b/src/hooks/useRefEffect/useRefEffect.md
index 78abbff6..b7e7a2e7 100644
--- a/src/hooks/useRefEffect/useRefEffect.md
+++ b/src/hooks/useRefEffect/useRefEffect.md
@@ -5,10 +5,10 @@
 ## Interface
 
 ```ts
-function useRefEffect(
-  callback: (element: Element) => CleanupCallback | void,
+function useRefEffect<E extends HTMLElement>(
+  callback: (element: E) => CleanupCallback | void,
   deps: DependencyList
-): (element: Element | null) => void;
+): (element: E | null) => void;
 ```
 
 ### Parameters
@@ -16,7 +16,7 @@ function useRefEffect(
 <Interface
   required
   name="callback"
-  type="(element: Element) => CleanupCallback | void"
+  type="(element: E) => CleanupCallback | void"
   description="A callback function that is executed when the element is set. This function can return a cleanup function."
 />
 
@@ -31,7 +31,7 @@ function useRefEffect(
 
 <Interface
   name=""
-  type="(element: Element | null) => void"
+  type="(element: E | null) => void"
   description="function to set the element. Pass this function to the <code>ref</code> attribute, and the <code>callback</code> will be called whenever the element changes."
 />
 

From a8ecfc4599c9845e883cdf250a3d830f61c2a8b2 Mon Sep 17 00:00:00 2001
From: wo-o29 <woogur29@gmail.com>
Date: Sat, 13 Sep 2025 16:08:53 +0900
Subject: [PATCH 2/2] refactor: strict null check to effect callback

---
 src/hooks/useRefEffect/useRefEffect.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/hooks/useRefEffect/useRefEffect.ts b/src/hooks/useRefEffect/useRefEffect.ts
index 065331d9..82f20db5 100644
--- a/src/hooks/useRefEffect/useRefEffect.ts
+++ b/src/hooks/useRefEffect/useRefEffect.ts
@@ -41,7 +41,7 @@ export function useRefEffect<Element extends HTMLElement = HTMLElement>(
       cleanupCallbackRef.current();
       cleanupCallbackRef.current = () => {};
 
-      if (element == null) {
+      if (element === null) {
         return;
       }