useLoaderData

Framework Data

Summary

Returns the data from the closest route loader or clientLoader.

import { useLoaderData } from "react-router";

export async function loader() {
  return await fakeDb.invoices.findAll();
}

export default function Invoices() {
  let invoices = useLoaderData<typeof loader>();
  // ...
}

Signature

function useLoaderData<T = any>(): SerializeFrom<T>

Returns

The data returned from the route's loader or clientLoader function