Merge pull request #5 from ImLunaHey/main

fix: incorrect hook types

Author: prc5

src/hooks/use-did-change.hook.ts

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from "react";
 
-export const useDidChange = <T extends any[]>(
-  callback: VoidFunction | ((previousDependencies: T | null) => VoidFunction),
+export const useDidChange = <T extends unknown[]>(
+  callback: (previousDependencies: T | null) => void,
   dependencies: T,
   useOnMount = false,
 ) => {

src/hooks/use-did-mount.hook.ts

@@ -1,6 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect } from "react";
 
-export const useDidMount = (callback: VoidFunction | (() => VoidFunction)) => {
+export const useDidMount = (callback: () => void) => {
   useEffect(callback, []);
 };

src/hooks/use-did-update.hook.ts

@@ -2,8 +2,8 @@
 import { useEffect, useRef } from "react";
 
 export const useDidUpdate = (
-  callback: VoidFunction | (() => VoidFunction),
-  dependencies: any[],
+  callback: () => void,
+  dependencies: readonly unknown[],
   useOnMount = false,
 ) => {
   const mountRef = useRef(useOnMount);

src/hooks/use-will-mount.hook.ts

@@ -1,5 +1,5 @@
 import { useState } from "react";
 
-export const useWillMount = (callback: VoidFunction) => {
+export const useWillMount = (callback: () => void) => {
   useState(callback);
 };

src/hooks/use-will-unmount.hook.ts

@@ -1,6 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect } from "react";
 
-export const useWillUnmount = (callback: VoidFunction) => {
+export const useWillUnmount = (callback: () => void) => {
   useEffect(() => callback, []);
 };