React router not loading dynamic url in production

Question

I have a url with paramenters in my react routes.

I can access the route via {Link} from react router dom as shown below. The page loads upon button click.

However when I refresh the page or try to access the URL via the address bar, I get a blank page and this error message

It works fine locally but the blank page comes up in production. I am hosting the website on heroku.

The error logs are not due to react router. Problem is the way you are serving the static files. You need to fix that first. The below link might be useful, stackoverflow.com/questions/56981150/… — Narayanan Ramanathan
– Narayanan Ramanathan, Commented Jul 23, 2021 at 17:59
@Drew Reese. All other pages are loading except this particular details page. I dunno if that means the routing works or not — B.obed
– B.obed, Commented Jul 23, 2021 at 18:39
Ah, I see, I didn't "enbiggen" your screencaps. Yeah, seems to be an issue with how the static assets are handled. Check the link in the other comment. Also, check what all the errors link to or reference. Can you update your question to include that BeatDetailPage? — Drew Reese
– Drew Reese, Commented Jul 23, 2021 at 18:46

Nisharg Shah · Accepted Answer · 2022-01-28 08:47:57Z

1

The best way to handle it is to add a base tag in your index.html.

<base href="/" />

answered Jan 28, 2022 at 8:47

Nisharg Shah

20k12 gold badges70 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

B.obed · Accepted Answer · 2021-07-23 20:29:17Z

0

I fixed the problem using the solution in the link below. I initially set my homepage to "." in my package.json and eventually changed it to my app domain

https://stackoverflow.com/a/66950806/6542175

answered Jul 23, 2021 at 20:29

B.obed

1191 silver badge11 bronze badges

Collectives™ on Stack Overflow

React router not loading dynamic url in production

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related