EcrituresNumeriques / stylo / 15066626824

import React from 'react'

import { useLocation } from 'react-router'

import styles from './Error.module.scss'

import { useTranslation } from 'react-i18next'

export default function PageNotFound() {

  const location = useLocation()

  const { t } = useTranslation('errors')

  return (

    <section className={styles.container}>

      <article className={styles.error}>

        <h2>{t('404.title')}</h2>

        <p>

          {t('404.message')} <code>{location.pathname}</code>.

        </p>

      </article>

    </section>

}