useRouteLoaderData

This hook is simply a re-export of React Router useRouteLoaderData.

Pass in a route ID and it will return the loader data for that route.

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.

For more information and usage, please refer to the React Router useRouteLoaderData docs.