Approach to setup 404 page in React Routing

To setup 404 Page in React routing :

• First, create a PageNotFound component.
• Import this component to the app.js or where the routes are defined.
• Define routing for other pages first.
• In the last route component use * as the URL path for the 404 page.

Every Website needs a 404 page if the URL does not exist or the URL might have been changed. To set up a 404 page in the angular routing, we have to first create a component to display whenever a 404 error occurs. In the following approach, we will create a simple react component called PagenotfoundComponent.