I am using react router dom with react and deployed on github pages. My problem is that package.json requires settings to build the github link followed by the / and the name of the repo or project.

{
  "name": "self-destructed-messages",
  "homepage": "http://username.github.io/self-destructed-messages/",
  "version": "0.1.0",

I tried with https also and the pages, even the localhost is redirecting me to the error not found page

const RouterConfig = () => {
  return (
    <div>
        <Routes>

                <Route exact path='/' element={<Home />} />
                <Route path='/created-message/:string' element={<CreatedMessages />} />
                <Route path='/get-message/:string' element={<GetMessage />} />
                <Route path='*' element={<NotFounded />} />


        </Routes>
    </div>
  )
}

When I open the github pages it goes automatically to the 404 page (NotFounded). If I am using the / only, I get the github official 404...

I dont know what else to try. Can please have some help? Thanks, Daniel