← back to Norma

app/error.tsx

28 lines

'use client';

export default function ErrorPage({
  error,
  reset,
}: {
  error: Error & { digest?: string };
  reset: () => void;
}) {
  return (
    <div style={{ padding: 40, fontFamily: 'monospace', color: '#fff', background: '#111' }}>
      <h1 style={{ color: '#ef4444' }}>Client Error</h1>
      <pre style={{ whiteSpace: 'pre-wrap', marginTop: 16, padding: 16, background: '#222', borderRadius: 8 }}>
        {error.message}
      </pre>
      <pre style={{ whiteSpace: 'pre-wrap', marginTop: 8, padding: 16, background: '#222', borderRadius: 8, fontSize: 12, color: '#888' }}>
        {error.stack}
      </pre>
      <button
        onClick={reset}
        style={{ marginTop: 16, padding: '8px 16px', background: '#6366f1', color: '#fff', border: 'none', borderRadius: 6, cursor: 'pointer' }}
      >
        Try Again
      </button>
    </div>
  );
}