guesstimate/client/src/routes/notfound/index.tsx

import React, { FunctionComponent } from "react";
import { Link } from 'react-router-dom';
import style from "./style.module.css";
import { useTitle } from "../../hooks/use-title";

const NotFound: FunctionComponent = () => {
  useTitle("Page non trouvée")

  return (
    <div className={style.notFound}>
      <h1>Erreur 404</h1>
      <p>Cette page n'existe pas</p>
      <Link to="/"><h4>Retour à la page d'accueil</h4></Link>
    </div>
  );
};

export default NotFound;