hi community i am experiencing some issues in my react app hosted on vercel
i hope i can get help here

all routes in my app (excluding the homepage it works perfectly)display perfectly when i navigate to them using links in the page but when i try to access the page by typing in the url i get a vercel 404 error page (not even my own apps 404 page) also when i try to reload pages it also displays the 404 page

kindly assist me on what to do
this is the website link: https://nike-5l2h3dz4y-itz-abdulfatais-projects.vercel.app/
try loading this route to see my issue https://nike-5l2h3dz4y-itz-abdulfatais-projects.vercel.app/products
now try opening products page from the navbar

you will notice it works when you click from navbar or any link but not when you reload or input the url directly
kindly help

Note: the site is working perfectly in my local machine