React-snap: Routing broken on page refresh

[rohan-deshpande]

Bug Report

[email protected]

Current Behavior
(Using react-router-4) When I navigate to a route other than /, for example, /about, and refresh the browser, the static site seems to mount components for / while also mounting things for the route component

Reproducible demo
https://github.com/creativelifeform/nebula-web/tree/feature/react-snap

Expected behavior/code
It should render the route and route component correctly

Possible Solution
N/A

Additional context/Screenshots
On navigate to route:

On refresh route:

[stereobooster]

how is your server configured?

[rohan-deshpande]

Happens locally using the default server suggested by CRA

[stereobooster]

the problem is in the server try this instead

npm run build
npx http-server -p 8000 build

[rohan-deshpande]

Interesting, do you have any idea what specific thing is causing this? Missing a trailing slash or something? It would be good to know whether I need to implement a specific nginx config in prod as I'm getting a similar issue there.

[gvlatko]

@rohan-deshpande did u figure out how to configure the server? this is happening also to me on aws s3 hosted site