Skip to content

use-route-loader-data.md

Latest commit

 

History

History
24 lines (18 loc) · 671 Bytes

use-route-loader-data.md

File metadata and controls

24 lines (18 loc) · 671 Bytes
title useRouteLoaderData
toc false

useRouteLoaderData

Returns the loader data for a given route by ID.

import { useRouteLoaderData } from "@remix-run/react";

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

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

Route Filename Route ID
app/root.tsx "root"
app/routes/teams.tsx "routes/teams"
app/routes/teams.$id.tsx "routes/teams.$id"