import React from 'react';
import { useRouteError, isRouteErrorResponse } from 'react-router-dom';

const ErrorPage =() =>{
  const error = useRouteError();
  console.error(error);

  if (isRouteErrorResponse(error)) {
    return (
      <div>
        <h1>{error.status}</h1>
        <p>{error.statusText}</p>
      </div>
    );
  }

  return (
    <div>
      <h1>Something went wrong.</h1>
      <p>{error?.message || 'Unknown error occurred'}</p>
      <p>{JSON.stringify(error)}</p>
    </div>
  );
}
export default ErrorPage