Переписываю спорные решения

src/pages/quiz/InstructionPage.js

@@ -1,6 +1,6 @@
-import {Redirect} from "react-router-dom"
-import { HeaderPageTestsQuiz } from "../../components/features/quiz/HeaderPageTests"
-import { Instruction } from "../../components/features/quiz/Instructions"
+import {useNavigate} from "react-router-dom"
+import {HeaderPageTestsQuiz} from "../../components/features/quiz/HeaderPageTests"
+import {Instruction} from "../../components/features/quiz/Instructions"
 import React from "react";
 import {useSelector} from "react-redux";
 import {selectedTest} from "../../redux/quizSlice";
@@ -8,16 +8,17 @@ import {selectedTest} from "../../redux/quizSlice";
 
 export const InstructionPage = () => {
 
-    const test = useSelector(selectedTest)
+  const test = useSelector(selectedTest)
 
-    if(!test){
-        return <Redirect to={'/quiz'} />
-    }
+  let navigate = useNavigate();
+  if (!test) {
+    navigate('/quiz')
+  }
 
-    return (
-        <>
-            <HeaderPageTestsQuiz isVisibilityButton={false}/>
-            <Instruction />
-        </>
-    )
-}
+  return (
+      <>
+        <HeaderPageTestsQuiz isVisibilityButton={false}/>
+        <Instruction/>
+      </>
+  )
+};

src/pages/quiz/InterjacentPage.js

@@ -1,24 +1,26 @@
-import {Redirect} from "react-router-dom"
+import React from "react";
+import {useNavigate} from "react-router-dom"
+import {useSelector} from "react-redux";
+
 import {HeaderPageTestsQuiz} from "../../components/features/quiz/HeaderPageTests"
 import {MyTestsQuiz} from "../../components/features/quiz/MyTestsQuiz"
-import {useSelector} from "react-redux";
+
 import {selectedTest, selectPassedTests} from "../../redux/quizSlice";
-import React from "react";
 
 
 export const InterjacentPage = () => {
 
-   const test = useSelector(selectedTest)
-   const passedTests = useSelector(selectPassedTests)
+  const test = useSelector(selectedTest);
+  const passedTests = useSelector(selectPassedTests)
+  let navigate = useNavigate();
+  if (!test) {
+     navigate('/quiz')
+  }
 
-   if (!test) {
-      return <Redirect to={'/quiz'}/>
-   }
-
-   return (
-     <>
+  return (
+      <>
         <HeaderPageTestsQuiz isVisibilityButton={true}/>
         <MyTestsQuiz listTests={passedTests}/>
-     </>
-   )
-}
+      </>
+  )
+};

src/pages/quiz/QuizTestPage.js

@@ -1,4 +1,4 @@
-import {Redirect} from 'react-router-dom'
+import {useNavigate} from 'react-router-dom'
 import {HeaderPageTestsQuiz} from '../../components/features/quiz/HeaderPageTests'
 import {TaskQuiz} from '../../components/features/quiz/Task'
 import {useSelector} from "react-redux";
@@ -6,16 +6,16 @@ import {selectedTest} from "../../redux/quizSlice";
 import React from "react";
 
 export const QuizTestPage = () => {
+  let navigate = useNavigate()
+  const test = useSelector(selectedTest)
 
-   const test = useSelector(selectedTest)
-
-   if (!test) {
-      return <Redirect to={'/quiz'}/>
-   }
-   return (
-     <>
+  if (!test) {
+     navigate('/quiz')
+  }
+  return (
+      <>
         <HeaderPageTestsQuiz isVisibilityButton={false}/>
         <TaskQuiz/>
-     </>
-   )
+      </>
+  )
 };

src/pages/quiz/ResultPage.js

@@ -1,4 +1,4 @@
-import {Redirect} from "react-router-dom"
+import {useNavigate} from "react-router-dom"
 import {HeaderPageTestsQuiz} from "../../components/features/quiz/HeaderPageTests"
 import {Results} from "../../components/features/quiz/Results";
 import {useSelector} from "react-redux";
@@ -8,16 +8,17 @@ import React from "react";
 
 export const ResultPage = () => {
 
-   const test = useSelector(selectedTest)
+  const test = useSelector(selectedTest)
 
-   if (!test) {
-      return <Redirect to={'/quiz'}/>
-   }
+  let navigate = useNavigate();
+  if (!test) {
+    navigate('/quiz')
+  }
 
-   return (
-     <>
+  return (
+      <>
         <HeaderPageTestsQuiz isVisibilityButton={false}/>
         <Results/>
-     </>
-   )
+      </>
+  )
 };