Need help fixing a problem with a 404 error popping up on my gh-pages after updating the page. Strangely, when I refresh the main page, everything seems fine without any errors. However, if I navigate to another page and then update it, the 404 error appears again. The website is built using React.
https://i.stack.imgur.com/0FHYM.png
I tried adding a custom 404 html file, but that did not solve the issue either.
var pathSegmentsToKeep = 1;
var l = window.location;
l.replace(
l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' +
l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') +
(l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') +
l.hash
);