0

Here is useEffect hook of my page components:

const QuizPage = () => {
  ...
  useEffect(() => {
    console.log("hey");
  }, []);

and hey is showing twice.

Here is the part where the QuizPage component is rendered.

    <Router>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/quiz" element={<Quiz />} /> // <- this is quiz component
        <Route path="/result" element={<Result />} />
        <Route path="*" element={<NoMatch />} />
      </Routes>
    </Router>

is react router dom route rendered twice? thanks in advance for your time.

Derek Jin
  • 652
  • 2
  • 12
  • 29

0 Answers0