ReactJS Site can't open in a new tab


I recently deployed my portfolio site, which I used React and React Router. My site is

I was testing the UX of the site and when I tried to open a project page in another tab, I realised that it shows a Page Not Found error. To my current understanding, it’s because React Router renders the index.html file in the current tab, and if a user were to open the page in a new tab, it doesn’t exist in the server hence it is not found.

Is there anyway I can workaround this?

Thank you!

If anyone faces a similar issue, I managed to solve it after watching this video:

Hope it helps someone!

Thank you so much for coming back and sharing your solution, @FearOfGod! Happy building :rocket: