Reloading my React hook page causes my browser to trigger element

As the title already explains a lot of the problem,

I just developed a simple application in React Hook, my current routes are defined by

   <Router>
      <Routes>
        <Route exact path='/' element={<Home/>}/>
        <Route path='/products/:category' element={<ProductBrowsing/>}/>
        <Route path='/productsDetails/:id' element={<ProductDetails/>}/>
        <Route path='/login' element={<Login/>}/>
        <Route path='/register' element={<Register/>}/>
      </Routes>
    </Router>

testing all these routes in my local machine, it was possible to navigate in all pages either by calling the <Link> component or by putting directly through the URL

when I went to the process of deploying my application and putting it inside a VPS, I realized that a call by <Link> is passable unless the /:category attribute is not the same, which causes the page not to load even if the URL changes (and im passing a lot of parameters that doenst affect the page as a result of this), so the next solution imagined was to always refresh the page to force the component to load with the correct URL, but always when I try to refresh the page in my application I get an immediate response from the tag returning “You need to enable JavaScript to run this app.”

basically I can no longer navigate my application and im hopeful to know why

You can check this behavior here -> http://153.92.221.32/

by trying to navigate through the mega menu links inside the navbar and try to refresh the page, or simply change some subcategory inside the megamenu and notice that the URL changes and the components don’t.