Handling dynamic routes

Using React-snap with React Router (5.1.5)

<Switch> <Route path="page/:id"> <Page /> </Route> <Route path="page"> <Page /> </Route> </Switch>

After the build, it creates page.html so I page without params works (http://url/page). However, if I try something like this http://url/page/3, I get 404 page.

How can I make the dynamic routes work?

Edit: Normally using HashRouter instead of BrowserRouter solves the problem without SSR.

[ricky11]

How would this work if we dont know the dynamic link path?

for example /download/slug*
where slug is a 5 digit random sequence of letters

I’m not sure how react-snap will create a index.html in a /download/??? folder ?

[urosran]

@BrightonNgema thanks for the answer! As I have an album component and each image is a route to a store (in an e-mall) the following worked: <Link to={'/' + yourUrl} style={{display: 'none'}}>linkToStore</Link>