404 page template is not working

Pages
1

I created a 404 template as the docs suggest at 404 Page | Hitchhikers. However, when I enter an incorrect URL like /test-test-test, it redirects to the default 404 page of the browser instead of the actual template. Are there any extra steps required to make it work? If so, hopefully, they can be added to the docs to avoid confusion.

Dependencies:
“react”: “^17.0.2”,
“@yext/search-headless-react”: “^2.3.0”,
“@yext/search-ui-react”: “^1.3.0”,
“@yext/sites-components”: “^1.0.0-rc.4”,
“@yext/pages”: “^1.0.0-rc.4”,

2

During local dev you will only see the actual 404 page you made if you go to its url specifically. If you put in a non-existent url you will see the dev server’s 404 page. This is because it tries to resolve an actual page and doesn’t know that you have a custom one.

Once you deploy to platform, going to a non-existent page will resolve to your 404 page.