useTracking

useTracking.tsx

import { useEffect, useState } from 'react';

function useTracking(page = '') {

    const [pageName, setPageName] = useState(page);

    useEffect(() => {
        const track = (pageName: string): NodeJS.Timeout | null => {
            let timeout: NodeJS.Timeout | null = null;
            if ((window  as any).analytics && pageName) {
                (window as any).analytics.page(pageName)
            } else  {
                if (pageName) {
                    timeout = setTimeout(() => timeout = track(pageName), 200);
                }

            }
            return timeout;
        }

        const timeout = track(pageName);

        return () => clearTimeout(timeout as NodeJS.Timeout);
    }, [pageName]);

    return { setPageName }

}

export { useTracking }