Как сделать чтоб в Github pages приложение разворачивалось с определенной страницы?

Question

[webjun]

Приветсвую, столкнулся с проблемой когда выкладывал реакт проект на гитхаб..
У меня обычное SPA с роутингом в App.js :

<Router>
        <Header />
        <Routes>
          <Route path="/arcticles" element={<Articles />} />
          <Route path="/about" element={<About />} />
          <Route path="/pricing" element={<Pricing />} />
          <Route path="/dashboard" element={<Dashboard />} />
          <Route path="*" element={<NotFound />} />
          <Route path="/login" element={<Login />} />
          <Route path="/signup" element={<Signup />} />
        </Routes>
      </Router>

Когда выкладываю проект на гитхаб то то в файле package.json в ключ под названием homepage кладу сгенерированную гитхабом ссылку на проект, пример:
"homepage": "https://username.github.io/React_project/" , далее на github pages у меня открывается мой проект но отображается хедер и компонент NotFound(сделанный специально когда пользователь переходит по неправильной ссылке)

Вопрос заключается в том как мне сделать чтоб проект разворачивался на главной странице где есть Header и Articles а не Header и NotFound ?

Comments

[szQocks]

атрибут index можно поставить если не ошибаюсь
Пример

<Route index path="/arcticles" element={<Articles />} />

[szQocks]

Всё же это работает для вложенных роутов, тогда нужен либо хок компонент который будет отдавать вложенные роуты или просто сразу отдать вложенные роуты

<Routes>
         <Route path="/" element={<Outlet />}>
              <Route index element={<Articles />} />
              <Route path="/about" element={<About />} />
              <Route path="/pricing" element={<Pricing />} />
              <Route path="/dashboard" element={<Dashboard />} />
              <Route path="*" element={<NotFound />} />
              <Route path="/login" element={<Login />} />
              <Route path="/signup" element={<Signup />} />
         <Route />
</Routes>

Answer 1

[webjun]

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