Почему реакт приложение на сервере при открытии ссылки в новой вкладке возвращает 404?

Question

[kokapuk]

App.tsx:

<BrowserRouter>
        <Navbar />
        <div className="container">
          <Routes>
            <Route path='/' element={<TodosPage/>} />
            <Route path='/about' element={<AboutPage/>} />
          </Routes>
        </div>
      </BrowserRouter>

Navbar.tsx

<nav>
    <div className="nav-wrapper teal pl10">
      <a href="/" className="brand-logo">Todo (React + Typescript)</a>
      <ul className="right hide-on-med-and-down">
        <li>
          <NavLink to='/'>Список дел</NavLink>
        </li>
        <li>
          <NavLink to='/about'>О приложении</NavLink>
        </li>
      </ul>
    </div>
  </nav>

При нажатии на ссылку "О приложении" левой кнопкой мыши все работает отлично, но если нажать колесиком мыши, что открывает ссылку в новой вкладке ничего не работает, причем оно работало на локалке

Answer 1

[kokapuk]

замените BrowserRouter на HashRouter

Answer 2

[Александр]

Почитайте: https://create-react-app.dev/docs/deployment/#serv....