fix: typescript errors in helper

src/tsx/components/navigation/MainNavigation.tsx

@@ -9,10 +9,12 @@ interface MainNavigationProps {
 
 const MainNavigation: React.FC<MainNavigationProps> = ({ isOpen, onClose }) => {
 
-    const ref = useOutsideClick(() => {
-        if (event.target !== document.getElementById('main-navigation-toggle')) {
-            onClose();
+    const ref = useOutsideClick((event: MouseEvent) => {
+        const toggleElement = document.getElementById('main-navigation-toggle');
+        if (toggleElement && (event.target === toggleElement || toggleElement.contains(event.target as Node))) {
+            return;
         }
+        onClose();
     });
 
     return (

src/tsx/hooks/useOutsideClick.tsx

@@ -1,20 +1,23 @@
 import { useEffect, useRef } from 'react';
 
-export function useOutsideClick(callback: () => void) {
-    const ref = useRef(null);
+export const useOutsideClick = (callback: (event: MouseEvent) => void) => {
+    const ref = useRef<HTMLElement | null>(null);
 
     useEffect(() => {
-        function handleClickOutside(event: MouseEvent) {
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
+        const handleClickOutside = (event: MouseEvent) => {
+            if (ref.current && !ref.current.contains(event.target as Node)) {
+                callback(event);
             }
-        }
+        };
 
         document.addEventListener('mousedown', handleClickOutside);
+
         return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
-    }, [ref, callback]);
+    }, [callback]);
 
     return ref;
-}
+};
+
+export default useOutsideClick;