⚡ useRouteError Nedir?

• React Router v6+ ile gelen hook’tur.
• Route sırasında oluşan hata veya exception bilgisini almak için kullanılır.
• Genellikle ErrorBoundary veya errorElement ile birlikte kullanılır.

⚡ Temel Kullanım

import { useRouteError } from "react-router-dom";

function ErrorPage() {
  const error = useRouteError();

  console.error(error);

  return (
    <div>
      <h1>Bir Hata Oluştu!</h1>
      <p>{error.statusText || error.message}</p>
    </div>
  );
}

// Route tanımı
const router = createBrowserRouter([
  {
    path: "/users/:userId",
    element: <User />,
    loader: userLoader,
    errorElement: <ErrorPage /> // Hata olursa burası render edilir
  }
]);

⚡ Notlar

• useRouteError, loader, action veya component render sırasında oluşan hatayı yakalar.
• Hata bilgisi genellikle status, statusText, message gibi alanları içerir.
• Error boundary mantığı ile birlikte kullanıldığında, kullanıcıya daha düzgün hata sayfası gösterilebilir.
• API’den gelen hataları veya invalid route durumlarını yönetmek için idealdir.