Error page on page refresh

[mr.kene.okoye]

HI,

I have just recently deployed my Vite React TypeScript App to Netlify via my connected GitHub repo. But I always get an error with ‘Page Not Found’ on a refresh of any page. I searched this issue over the internet but couldn’t find much detail. Maybe something is missing in my code, but I have no idea what that could be. I would appreciate help to fix this, please. Below are the deployed site link and the respective GitHub Repo:

Website: https://afrotreff.netlify.app
GitHub Repo: GitHub - Kene-Okoye/afroTreff: Project repository for the afroTeff website

Thanks in advance.

[hrishikesh]

@mr.kene.okoye

But I always get an error with ‘Page Not Found’ on a refresh of any page. I searched this issue over the internet but couldn’t find much detail.

Vite on Netlify | Netlify Docs

[Support Guide] I’ve deployed my site but I still see "Page not found”

Last reviewed by Netlify Support - August, 2023 Netlify attempts to lookup a file based on several xor filters, and when all of these fail, we end up serving a 404 page. For example, a request made to /example/ would check /example/index.html, /example.html, /example/home.html and several other combinations (not necessarily in the same order) before hitting the 404. However, in case you were not expecting a 404 at a particular URL, you might be interested in finding out the reason and potentia…

There are also countless threads on the forums to look for.