Awesome Custom Hooks

src/prod/mouse/useHoverIn.ts

import React from 'react';



export const useHoverIn = (elementRef: any, callback: any) => {
	React.useEffect(() => {
		function handleHoverIn (event: any) {
			event.preventDefault();
			if (elementRef && elementRef.current && elementRef.current.contains(event.target)) {
				callback();
			}
		}

		document.addEventListener('mouseover', handleHoverIn, true);
		return () => document.removeEventListener('mouseover', handleHoverIn, true);
	}, [elementRef, callback]);

	return 0;
};

dist/prod/mouse/useHoverIn.js

import React from 'react';
export const useHoverIn = (elementRef, callback) => {
    React.useEffect(() => {
        function handleHoverIn(event) {
            event.preventDefault();
            if (elementRef && elementRef.current && elementRef.current.contains(event.target)) {
                callback();
            }
        }
        document.addEventListener('mouseover', handleHoverIn, true);
        return () => document.removeEventListener('mouseover', handleHoverIn, true);
    }, [elementRef, callback]);
    return 0;
};

src/prod/mouse/useHoverIn.ts

import React from 'react';



export const useHoverIn = (elementRef: any, callback: any) => {
	React.useEffect(() => {
		function handleHoverIn (event: any) {
			event.preventDefault();
			if (elementRef && elementRef.current && elementRef.current.contains(event.target)) {
				callback();
			}
		}

		document.addEventListener('mouseover', handleHoverIn, true);
		return () => document.removeEventListener('mouseover', handleHoverIn, true);
	}, [elementRef, callback]);

	return 0;
};