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

import type { AppLoaderData } from "~/routes/__app";

export default function useAppLoaderData() {
	const matches = useMatches();
	const __appRoute = matches.find((match) => match.id === "routes/__app");
	if (!__appRoute) {
		throw new Error("useSession hook called outside _app route");
	}

	return __appRoute.data as AppLoaderData;
}