fix: useYandexMetrics

lib/components/ViewPublicationPage/ViewPublicationPage.tsx

@@ -14,11 +14,17 @@ import { StartPageViewPublication } from "./StartPageViewPublication";
 import NextButton from "./tools/NextButton";
 import PrevButton from "./tools/PrevButton";
 import QuestionSelect from "./QuestionSelect";
-import {useYandexMetrica} from "@utils/hooks/useYandexMetrica.tsx";
+import { useYandexMetrics } from "@/utils/hooks/useYandexMetrics";
 
 export default function ViewPublicationPage() {
-    const { settings, recentlyCompleted, quizId, preview, changeFaviconAndTitle } = useQuizData();
-    const answers = useQuizViewStore(state => state.answers);
+  const {
+    settings,
+    recentlyCompleted,
+    quizId,
+    preview,
+    changeFaviconAndTitle,
+  } = useQuizData();
+  const answers = useQuizViewStore((state) => state.answers);
   let currentQuizStep = useQuizViewStore((state) => state.currentQuizStep);
   const {
     currentQuestion,
@@ -30,13 +36,14 @@ export default function ViewPublicationPage() {
     showResultAfterContactForm,
     setQuestion,
   } = useQuestionFlowControl();
+  useYandexMetrics(settings?.cfg?.yandexMetricNumber);
 
-    const isAnswer = answers.some(ans => ans.questionId === currentQuestion?.id);
+  const isAnswer = answers.some(
+    (ans) => ans.questionId === currentQuestion?.id
+  );
 
-    const yandexMetricNumber = settings?.cfg?.yandexMetricNumber
-    useYandexMetrica(yandexMetricNumber);
-
-    useEffect(function setFaviconAndTitle() {
+  useEffect(
+    function setFaviconAndTitle() {
       if (!changeFaviconAndTitle) return;
 
       const link = document.querySelector('link[rel="icon"]');
@@ -45,16 +52,22 @@ export default function ViewPublicationPage() {
       }
 
       document.title = settings.name;
-    }, [changeFaviconAndTitle, settings.cfg.startpage.favIcon, settings.name]);
+    },
+    [changeFaviconAndTitle, settings.cfg.startpage.favIcon, settings.name]
+  );
 
   if (recentlyCompleted) throw new Error("Quiz already completed");
-    if (currentQuizStep === "startpage" && settings.cfg.noStartPage) currentQuizStep = "question";
+  if (currentQuizStep === "startpage" && settings.cfg.noStartPage)
+    currentQuizStep = "question";
 
-    if (!currentQuestion) return (
+  if (!currentQuestion)
+    return (
       <ThemeProvider
         theme={quizThemes[settings.cfg.theme || "StandardTheme"].theme}
       >
-            <Typography textAlign={"center"} mt="50px">Вопрос не выбран</Typography>
+        <Typography textAlign={"center"} mt="50px">
+          Вопрос не выбран
+        </Typography>
       </ThemeProvider>
     );
 
@@ -74,7 +87,12 @@ export default function ViewPublicationPage() {
         <Question
           currentQuestion={currentQuestion}
           currentQuestionStepNumber={currentQuestionStepNumber}
-                    prevButton={<PrevButton isPreviousButtonEnabled={isPreviousButtonEnabled} moveToPrevQuestion={moveToPrevQuestion} />}
+          prevButton={
+            <PrevButton
+              isPreviousButtonEnabled={isPreviousButtonEnabled}
+              moveToPrevQuestion={moveToPrevQuestion}
+            />
+          }
           nextButton={
             <NextButton
               isNextButtonEnabled={isNextButtonEnabled}
@@ -85,7 +103,7 @@ export default function ViewPublicationPage() {
                       questionId: currentQuestion.id,
                       body: "",
                       qid: quizId,
-                                            preview
+                      preview,
                     });
                   } catch (e) {
                     enqueueSnackbar("ответ не был засчитан");

lib/utils/hooks/useYandexMetrics.ts

@@ -1,8 +1,11 @@
 import { useEffect } from "react";
 
-export const useYandexMetrica = (yandexMetricNumber: number | undefined) => {
+export const useYandexMetrics = (yandexMetricNumber: number | undefined) => {
   useEffect(() => {
-        if (yandexMetricNumber) {
+    if (
+      typeof yandexMetricNumber === "number" &&
+      !Number.isNaN(yandexMetricNumber)
+    ) {
       const script = document.createElement("script");
       script.type = "text/javascript";
       script.innerHTML = `