webjun

Основная загвоздка была в строгом режиме, после того как я его убрал все работало как должно, решение вопроса:

React.useEffect(() => {
    if (inputRef.current) {
      inputRef.current.focus();
    }
    const data = localStorage.getItem("todos");
    if (typeof data === "string") {
      setTodos(JSON.parse(data));
    }
  }, []);

  React.useEffect(() => {
    localStorage.setItem("todos", JSON.stringify(todos));
  }, [todos]);

Нужно использовать реакт роутер дом..
Сделайте из этого html документа компонент и далее в своем App файле сделайте роутинг. Если ваша цель это SPA то роутинг выглядит примерно так:

import { BrowserRouter as Router, Route, Routes } from "react-router-dom";

function App() {
  return (
    <div className="App">
      <Router>
        <Header /> //Хедер просто к примеру
        <Routes>
          <Route path="/personal" element={<Personal />} />
        </Routes>
      </Router>
    </div>
  );
}

<li key={menu.idx}> исправил на <li key={idx}>

Вышел из проблемы на костылях, просто избавился от компонента NotFound.jsx и в роутинге сделал вот так : }

Разобрался, в package-json изменил homepage..