error.tsx should use layout

Weird... It's also rendering outside of the body. 😒

My error.tsx file:

'use client';

import { useEffect } from 'react';

import type { Locale } from '#types';

export default function Error ({ params, error, reset }: ErrorProps) {
  useEffect(() => {
    console.error(error);
  }, [ error ]);

  return (
    <>
      <h2>
        Something went wrong!
      </h2>
      <button
        onClick={
          () => reset()
        }
      >
        Try again
      </button>
    </>
  );
}

interface ErrorProps {
  params: {
    locale: Locale
  },
  error: Error & { digest?: string }
  reset: () => void
}