import type { FunctionComponent, PropsWithChildren } from "react"; import { type LinksFunction, type LoaderFunction, json } from "@remix-run/node"; import { Link, Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration, useCatch, useLoaderData, } from "@remix-run/react"; import config from "~/config/config.server"; import Logo from "~/features/core/components/logo"; import styles from "./styles/tailwind.css"; export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }]; declare global { interface Window { shellphoneConfig: LoaderData["shellphoneConfig"]; } } type LoaderData = { shellphoneConfig: { sentry: { dsn?: string; }; }; }; export const loader: LoaderFunction = () => { return json({ shellphoneConfig: { sentry: { dsn: config.sentry.dsn, }, }, }); }; export default function App() { const { shellphoneConfig } = useLoaderData(); return (