Fix effect type

types/core.d.ts

@@ -144,6 +144,14 @@ export const useEffect: Hooks.UseEffect;
  */
 export const useLayoutEffect: Hooks.UseLayoutEffect;
 
+/**
+ * Evaluate the execution of a callback after each render cycle,
+ * if the arguments between render do not change the callback
+ * will not be executed, If the callback returns a function
+ * it will be executed as an effect collector
+ */
+export const useRefEffect: Hooks.UseRefEffect;
+
 /**
  * Lets you use the redux pattern as Hook
  */

types/hooks.d.ts

@@ -34,12 +34,13 @@ export type UseState = <OptionalInitialState = any>(
     initialState?: OptionalInitialState
 ) => ReturnUseState<GetInitialState<OptionalInitialState>>;
 
+type EffectCallback = () => void | (() => any);
 /**
  * UseEffect
  */
-export type UseEffect = <Effect extends () => void | (() => any)>(
-    effect: Effect,
-    args?: any[]
+export type UseEffect = <Args = any>(
+    effect: EffectCallback,
+    args?: Args[]
 ) => void;
 
 /**
@@ -52,6 +53,11 @@ export type UseLayoutEffect = UseEffect;
  */
 export type UseInsertionEffect = UseEffect;
 
+/**
+ * UseLayoutEffect
+ */
+export type UseRefEffect = (effect: EffectCallback, args: Ref<any>[]) => void;
+
 /**
  * UseMemo
  */

types/tests/28-use-effect.ts

@@ -0,0 +1,11 @@
+import { useEffect, useRefEffect, createRef } from "core";
+
+useEffect(() => () => {});
+useEffect(() => {}, []);
+useEffect<number>(() => {}, [1, 2, 3]);
+
+const r = createRef(10);
+
+useRefEffect(() => {
+    r.current.toFixed(10);
+}, [r]);