import { createFileRoute, Link, Outlet } from '@tanstack/react-router'; import { getContacts } from "@/data"; async function fetchContacts() { const contacts = await getContacts(); return { contacts }; } export const Route = createFileRoute('/_sidebar')({ component: Sidebar, loader: fetchContacts, notFoundComponent: () =>
Not Found
, }); function Sidebar() { const loaderData = Route.useLoaderData(); if (loaderData === undefined) { console.log("SIDEBAR ERROR!?"); return ( <>
); } const { contacts } = loaderData; return ( <>