umami/pages/404.js

import Layout from 'components/layout/Layout';
import { useIntl, defineMessages } from 'react-intl';

const messages = defineMessages({
  notFound: { id: 'message.page-not-found', defaultMessage: 'Page not found' },
});

export default function Custom404() {
  const { formatMessage } = useIntl();

  return (
    <Layout>
      <div className="row justify-content-center">
        <h1 style={{ textAlign: 'center' }}>{formatMessage(messages.notFound)}</h1>
      </div>
    </Layout>
  );
}