useRouteLoaderData

• Framework
• Data
• Declarative

Summary

Reference Documentation ↗

Returns the loader data for a given route by route ID.

import { useRouteLoaderData } from "react-router";

function SomeComponent() {
  const { user } = useRouteLoaderData("root");
}

Route IDs are created automatically. They are simply the path of the route file relative to the app folder without the extension.

If you created an ID manually, you can use that instead:

route("/", "containers/app.tsx", { id: "app" }})

Signature

useRouteLoaderData(routeId): undefined

Params

routeId

No documentation