How do I handle 404 errors in React Router?

How do I handle 404 errors in React Router?

You can handle 404 errors in React Router by using a Route that matches all paths and renders a custom 404 component.

Can you show me an example of a 404 component?

Sure! Here's a simple example:

const NotFound = () => {
  return <h1>404 - Page Not Found</h1>;
};

Then, you can add it to your routes like this:

<Route path="*" component={NotFound} />

What if I want to redirect users to the home page instead?

You can use the Redirect component from React Router. Here's how:

<Route path="*">
  <Redirect to="/" />
</Route>

Is there a way to log 404 errors for analytics?

Yes, you can log 404 errors in the NotFound component by sending a request to your analytics service whenever this component is rendered.