Merge branch 'master' into react-19-up

Author: li-jia-nan

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/util",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Common Utils For React Component",
   "keywords": [
     "react",
@@ -56,10 +56,10 @@
     "cross-env": "^7.0.2",
     "dumi": "^2.1.3",
     "eslint": "^8.54.0",
-    "eslint-plugin-jest": "^28.2.0",
+    "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-unicorn": "^56.0.1",
     "father": "^4.1.3",
-    "glob": "^9.2.1",
+    "glob": "^11.0.3",
     "husky": "^9.1.6",
     "lint-staged": "^15.1.0",
     "prettier": "^3.3.2",

src/hooks/useEvent.ts

@@ -2,13 +2,18 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import * as React from 'react';
 
-function useEvent<T extends Function>(callback: T): T {
-  const fnRef = React.useRef<T>(null);
-
+function useEvent<T extends ((...args: any[]) => any) | undefined>(
+  callback: T,
+): undefined extends T
+  ? (
+      ...args: Parameters<NonNullable<T>>
+    ) => ReturnType<NonNullable<T>> | undefined
+  : T {
+  const fnRef = React.useRef<T | undefined>(callback);
   fnRef.current = callback;
 
-  const memoFn = React.useCallback<T>(
-    ((...args: any) => fnRef.current?.(...args)) as any,
+  const memoFn = React.useCallback(
+    (...args: any[]) => fnRef.current?.(...args),
     [],
   );
 

tests/hooks.test.tsx

@@ -9,6 +9,7 @@ import useMobile from '../src/hooks/useMobile';
 import useState from '../src/hooks/useState';
 import useSyncState from '../src/hooks/useSyncState';
 import useControlledState from '../src/hooks/useControlledState';
+import useEvent from '../src/hooks/useEvent';
 
 global.disableUseId = false;
 
@@ -706,4 +707,23 @@ describe('hooks', () => {
       expect(container.textContent).toEqual('2');
     });
   });
+
+  describe('useEvent', () => {
+    it('extract type', () => {
+      const Demo = (props: {
+        canUndefined?: (a: number) => boolean;
+        notUndefined: (a: number) => boolean;
+      }) => {
+        const ua = useEvent(props.canUndefined);
+        const ub = useEvent(props.notUndefined);
+
+        ua(1);
+        ub(2);
+
+        return null;
+      };
+
+      expect(Demo).toBeTruthy();
+    });
+  });
 });