Need example how to use it with NextJS router about react-yandex-metrika HOT 4 OPEN

import Router from 'next/router';
import {YMInitializer} from "react-yandex-metrika";
...
Router.events.on('routeChangeComplete', (url: string) => {
    // To hit only in production and only on client side (in browser)
    if (typeof window !== 'undefined' && process.env.NODE_ENV === 'production') {
        ym('hit', url);
    }
});

class MyApp extends App {
    componentDidMount() {
        // To hit only in production and only on client side (in browser)
        if (typeof window !== 'undefined' && process.env.NODE_ENV === 'production') {
            const url = window.location.pathname + window.location.search;
            ym('hit', url);
        }
        ...
   }
   ...
   render () {
        // @ts-ignore
        const {Component, pageProps, reduxStore, layoutProps} = this.props;
        return (
            <>
                {process.env.NODE_ENV === 'production' &&
                <YMInitializer
                    accounts={[parseInt(process.env.YM_COUNTER_ID as string)]}
                    options={{webvisor: true, defer: true}}
                    version="2"
                />
                }
                <Provider store={reduxStore}>
                    <ThemeProvider theme={theme}>
                        <CssBaseline />
                        <Layout {...layoutProps}>
                            <Component {...pageProps} />
                        </Layout>
                    </ThemeProvider>
                </Provider>
            </>
        )
    }
}