fix: fix bugs for debounce and eventlistener

.github/workflows/publish.yml

@@ -65,7 +65,7 @@ jobs:
 
       # Step 8: Publish to JSR
       - name: 🌟 Publish to JSR
-        run: npx jsr publish --allow-dirty
+        run: pnpm dlx jsr publish --allow-dirty
 
   deploy-docs:
     runs-on: ubuntu-latest

CHANGELOG.md

@@ -1,5 +1,11 @@
 # @zl-asica/react
 
+## 0.3.4
+
+### Patch Changes
+
+- Minor bugs fixed for debounce and eventlistener
+
 ## 0.3.3
 
 ### Patch Changes

jsr.json

@@ -1,6 +1,6 @@
 {
   "name": "@zl-asica/react",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "license": "MIT",
   "exports": "./src/index.ts",
   "importMap": "./import_map.json",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zl-asica/react",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "A library of reusable React hooks, components, and utilities built by ZL Asica.",
   "keywords": [
     "react",

src/hooks/dom/useEventListener.ts

@@ -52,7 +52,6 @@ import { useDebouncedCallback } from '@/hooks/state';
  * };
  * ```
  */
-
 export const useEventListener = <T extends Event>(
   event: string,
   handler: (event: T) => void,
@@ -68,10 +67,10 @@ export const useEventListener = <T extends Event>(
   }, [handler, debounce]);
 
   useEffect(() => {
-    if (!element || !debouncedCallbackReference.current) return;
+    if (!element) return;
 
     const eventHandler = (event_: Event) =>
-      debouncedCallbackReference.current!(event_ as T); // Type cast to match generic event type
+      debouncedCallbackReference.current?.(event_ as T); // Safe access with optional chaining
     element.addEventListener(event, eventHandler);
 
     return () => {

src/hooks/state/useDebouncedCallback.ts

@@ -45,8 +45,10 @@ export const useDebouncedCallback = <TArguments extends unknown[]>(
   const callbackReference = useRef(callback);
   const timeoutReference = useRef<NodeJS.Timeout | null>(null);
 
-  // Always update the ref to the latest callback
-  callbackReference.current = callback;
+  useEffect(() => {
+    // Always update the ref to the latest callback
+    callbackReference.current = callback;
+  }, [callback]);
 
   const debouncedCallback = useCallback(
     (...arguments_: TArguments) => {