Fix ya metrika hopefully

app/components/WithYandexMetrika.js

@@ -0,0 +1,39 @@
+import Router from 'next/router'
+import React, { useCallback, useEffect } from 'react'
+import ym, { YMInitializer } from 'react-yandex-metrika'
+
+const enabled =
+  process.env.NODE_ENV === 'production' &&
+  process.env.YA_METRIKA_ID
+
+const WithYandexMetrika = (props) => {
+  const { children } = props
+
+  const hit = useCallback((url) => {
+    if (enabled) {
+      ym('hit', url)
+    } else {
+      console.log('%c[YandexMetrika](HIT)', 'color: orange', url)
+    }
+  }, [])
+
+  useEffect(() => {
+    hit(window.location.pathname + window.location.search)
+    Router.events.on('routeChangeComplete', hit)
+  }, [hit])
+
+  return (
+    <>
+      {enabled && (
+        <YMInitializer
+          accounts={[Number(process.env.YA_METRIKA_ID)]}
+          options={{ webvisor: true, defer: true }}
+          version='2'
+        />
+      )}
+      {children}
+    </>
+  )
+}
+
+export default WithYandexMetrika