fix: incorrect hook types

Author: ImLunaHey

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

@@ -1,11 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect, useRef } from "react";
 
-export const useDidUpdate = (
-  callback: VoidFunction | (() => VoidFunction),
-  dependencies: any[],
-  useOnMount = false,
-) => {
+export const useDidUpdate = (callback: () => void, dependencies: unknown[], useOnMount = false) => {
   const mountRef = useRef(useOnMount);
 
   useEffect(() => {

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, []);
 };