@codeleap/hooks 5.8.20 → 6.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/hooks",
-  "version": "5.8.20",
+  "version": "6.0.1",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,22 +9,22 @@
     "directory": "packages/hooks"
   },
   "devDependencies": {
-    "@codeleap/config": "5.8.20",
-    "@codeleap/types": "5.8.20",
-    "@codeleap/utils": "5.8.20",
-    "@codeleap/logger": "5.8.20",
+    "@codeleap/config": "6.0.1",
+    "@codeleap/types": "6.0.1",
+    "@codeleap/utils": "6.0.1",
+    "@codeleap/logger": "6.0.1",
     "ts-node-dev": "1.1.8"
   },
   "scripts": {
     "build": "echo 'No build needed'"
   },
   "peerDependencies": {
-    "@codeleap/types": "5.8.20",
-    "@codeleap/utils": "5.8.20",
-    "@codeleap/logger": "5.8.20",
+    "@codeleap/types": "6.0.1",
+    "@codeleap/utils": "6.0.1",
+    "@codeleap/logger": "6.0.1",
     "axios": "^1.7.9",
     "typescript": "5.5.2",
-    "react": "18.2.0",
+    "react": "19.1.0",
     "@tanstack/react-query": "5.89.0"
   }
 }

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/hooks",
-  "version": "5.8.20",
+  "version": "6.0.1",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -24,7 +24,7 @@
     "@codeleap/logger": "workspace:*",
     "axios": "^1.7.9",
     "typescript": "5.5.2",
-    "react": "18.2.0",
+    "react": "19.1.0",
     "@tanstack/react-query": "5.89.0"
   }
 }

package/src/useInterval.ts

@@ -1,17 +1,38 @@
-import { useRef } from 'react'
+import { useRef, useCallback, useEffect } from 'react'
 import { AnyFunction } from '@codeleap/types'
 
-export function useInterval(callback: AnyFunction, interval: number) {
-  const intervalRef = useRef(null)
+type UseIntervalHandler = (clear: AnyFunction) => void
 
-  function clear() {
-    clearInterval(intervalRef.current)
-    intervalRef.current = null
-  }
+export function useInterval(handler: UseIntervalHandler, interval: number) {
+  const intervalRef = useRef<NodeJS.Timer | null>(null)
+  const handlerRef = useRef<UseIntervalHandler>(handler)
 
-  function start() {
-    intervalRef.current = setInterval(callback, interval)
-  }
+  useEffect(() => {
+    handlerRef.current = handler
+  }, [handler])
+
+  const clear = useCallback(() => {
+    if (intervalRef.current != null) {
+      clearInterval(intervalRef.current)
+      intervalRef.current = null
+    }
+  }, [])
+
+  const start = useCallback(() => {
+    clear()
+
+    if (intervalRef.current == null) {
+      intervalRef.current = setInterval(() => {
+        handlerRef.current(clear)
+      }, interval)
+    }
+  }, [])
+
+  useEffect(() => {
+    return () => {
+      clear()
+    }
+  }, [clear])
 
   return {
     clear,

package/src/usePrevious.ts

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react'
 
 export const usePrevious = <T>(value: T) => {
-  const ref = useRef<T>()
+  const ref = useRef<T>(null)
   useEffect(() => {
     ref.current = value
   })

package/src/usePromise.ts

@@ -9,8 +9,8 @@ type UsePromiseOptions<T = any> = {
 }
 
 export const usePromise = <T = any>(options?: UsePromiseOptions<T>) => {
-  const rejectRef = useRef<AnyFunction>()
-  const resolveRef = useRef<(v:T) => any>()
+  const rejectRef = useRef<AnyFunction>(null)
+  const resolveRef = useRef<(v:T) => any>(null)
   const timeoutRef = useRef(null)
   const reject = async (err: any) => {
     await rejectRef.current?.(err)