fix: use memoized fn in use-interval (#2029) (#2070)

* fix: use memoized fn in use-interval

* fix: fn naming

---------

Co-authored-by: lijianan <574980606@qq.com>

packages/hooks/src/useInterval/index.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react';
-import useLatest from '../useLatest';
+import useMemoizedFn from '../useMemoizedFn';
 import { isNumber } from '../utils';
 
 function useInterval(
@@ -11,25 +11,23 @@ function useInterval(
 ) {
   const { immediate } = options;
 
-  const fnRef = useLatest(fn);
+  const timerCallback = useMemoizedFn(fn);
   const timerRef = useRef<NodeJS.Timer | null>(null);
 
   useEffect(() => {
     if (!isNumber(delay) || delay < 0) {
       return;
     }
     if (immediate) {
-      fnRef.current();
+      timerCallback();
     }
-    timerRef.current = setInterval(() => {
-      fnRef.current();
-    }, delay);
+    timerRef.current = setInterval(timerCallback, delay);
     return () => {
       if (timerRef.current) {
         clearInterval(timerRef.current);
       }
     };
-  }, [delay]);
+  }, [delay, timerCallback]);
 
   const clear = useCallback(() => {
     if (timerRef.current) {