How do I create a custom 404 page in React Router?

How do I create a custom 404 page in React Router?

To create a custom 404 page in React Router, you can define a route that matches any path not defined in your routes.

Can you show me an example of the code?

Sure! You can use the following code snippet:

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Switch>
        {/* Other routes */}
        <Route path="*">
          <NotFound />
        </Route>
      </Switch>
    </Router>
  );
}

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

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

You can use the Redirect component from React Router to send users back to the home page. Here's how:

import { Redirect } from 'react-router-dom';

function NotFound() {
  return <Redirect to="/" />;
}