Lazy Load of analytics (Next.js)

_app.js

import { loadedContext } from 'lib/state/loaded-context'
import { useLoaded } from 'lib/hooks/use-loaded'
import { AllAnalytics } from 'lib/helpers/analytics'


export default function MyApp({ Component, pageProps }) {

  const isLoaded = useLoaded();

  return (<>

      <loadedContext.Provider value={isLoaded}>
        <Component {...pageProps} />
        {process.browser && <AllAnalytics/>}
      </loadedContext.Provider>


  </>);
}

analytics.js

import { useContext } from 'react'
import { loadedContext } from 'lib/state/loaded-context'

export const AllAnalytics = () => {
    const isLoaded = useContext(loadedContext);
    
    if (!isLoaded || process.env.NODE_ENV !== 'production') {
        return null;
    }

    return <>
        <AnalyticsGoogle/>
        <AnalyticsYandex/>
    </>
}

use-loaded.js

import { useState, useEffect } from "react";

export const useLoaded = (delay = 5000) => {
    const [isLoaded, setIsLoaded] = useState(false);

    process.browser && useEffect(() => {
        let timer = null;
        const timerPromise = new Promise(resolve => {
            timer = setTimeout(resolve, delay);
        });
        const handlers = [];
        const removeListeners = () => {
            handlers.forEach(({eventName, resolve: cb}) => {
                document.removeEventListener(eventName, cb);
            });
            clearTimeout(timer);
            handlers.splice(0, handlers.length);
        }
        const eventStrings = ['mousewheel', 'keypress'];
        if (!('ontouchstart' in document)) {
            eventStrings.push('mousemove');
        }
        const eventPromises = eventStrings.map(eventName => {
            return new Promise(resolve => {
                handlers.push({eventName, resolve});
                return document.addEventListener(eventName, resolve);
            });
        });
        Promise.race(eventPromises.concat(timerPromise))
        .then(() => {
            removeListeners();
            setIsLoaded(true);
        })
        return removeListeners;
    }, [delay]);

    return isLoaded;
}