import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { Outlet, Link, createRootRouteWithContext, useRouter, HeadContent, Scripts, } from "@tanstack/react-router"; import { useEffect, type ReactNode } from "react"; import appCss from "../styles.css?url"; import { reportLovableError } from "../lib/lovable-error-reporting"; import { Header } from "../components/site/Header"; import { Footer } from "../components/site/Footer"; function NotFoundComponent() { return (

404

Page not found

The page you're looking for has moved or doesn't exist.

Return home
); } function ErrorComponent({ error, reset }: { error: Error; reset: () => void }) { console.error(error); const router = useRouter(); useEffect(() => { reportLovableError(error, { boundary: "tanstack_root_error_component" }); }, [error]); return (

This page didn't load

Something went wrong. You can try again or head home.

Go home
); } export const Route = createRootRouteWithContext<{ queryClient: QueryClient }>()({ head: () => ({ meta: [ { charSet: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1" }, { name: "author", content: "Bible Word of the Day" }, { property: "og:site_name", content: "Bible Word of the Day" }, { property: "og:type", content: "website" }, { name: "twitter:card", content: "summary_large_image" }, { name: "theme-color", content: "#102A43" }, ], links: [ { rel: "stylesheet", href: appCss }, { rel: "icon", href: "/logo.png", type: "image/png" }, ], scripts: [{ type: "application/ld+json", children: JSON.stringify({ "@context": "https://schema.org", "@type": "Organization", name: "Bible Word of the Day", url: "https://biblewordoftheday.com", logo: "https://biblewordoftheday.com/logo.png", sameAs: [], }), }], }), shellComponent: RootShell, component: RootComponent, notFoundComponent: NotFoundComponent, errorComponent: ErrorComponent, }); function RootShell({ children }: { children: ReactNode }) { return ( {children} ); } function RootComponent() { const { queryClient } = Route.useRouteContext(); return (
); }