more fixes

Author: aulonm

apps/docs/src/routes/_docs/komponenter/$slug.tsx

@@ -3,10 +3,15 @@ import { Alertbox, Content } from '@obosbbl/grunnmuren-react';
 import { createFileRoute, notFound } from '@tanstack/react-router';
 import type * as props from 'component-props';
 import { defineQuery } from 'groq';
+import type { COMPONENT_QUERYResult } from 'sanity.types';
 import { sanityFetch } from '@/lib/sanity';
 import { AnchorHeading } from '@/ui/anchor-heading';
 import { PropsTable } from '@/ui/props-table';
-import { ResourceLink, ResourceLinks } from '@/ui/resource-links';
+import {
+  ResourceLink,
+  type ResourceLinkProps,
+  ResourceLinks,
+} from '@/ui/resource-links';
 import { SanityContent } from '@/ui/sanity-content';
 import { ScrollToTop } from '@/ui/scroll-to-top';
 import { TableOfContentsNav } from '@/ui/table-of-contents-nav';
@@ -29,22 +34,22 @@ const COMPONENT_QUERY = defineQuery(
 
 export const Route = createFileRoute('/_docs/komponenter/$slug')({
   component: Page,
-  loader: async ({ params }) => {
+  loader: async ({ params }): Promise<{ data: COMPONENT_QUERYResult }> => {
     const res = await sanityFetch({
       query: COMPONENT_QUERY,
       params: { slug: params.slug },
     });
 
-    if (res.data == null) {
+    if (res.data === null) {
       throw notFound();
     }
 
-    return { data: res.data };
+    return res;
   },
 });
 
 function Page() {
-  const { data } = Route.useLoaderData();
+  const { data } = Route.useLoaderData() || {};
 
   const _ghLink = data.resourceLinks?.find(
     (link) => link.linkType === 'github',
@@ -61,7 +66,12 @@ function Page() {
         {data.resourceLinks?.map(
           ({ url, linkType = 'other', text, _key }) =>
             url && (
-              <ResourceLink key={_key} type={linkType} href={url} text={text} />
+              <ResourceLink
+                key={_key}
+                type={linkType as ResourceLinkProps['type']}
+                href={url}
+                text={text}
+              />
             ),
         )}
       </ResourceLinks>

apps/docs/src/routes/_docs/komponenter/index.tsx

@@ -17,7 +17,7 @@ export const Route = createFileRoute('/_docs/komponenter/')({
       { name: 'description', content: 'Grunnmuren sine komponenter' },
     ],
   }),
-  loader: () => sanityFetch({ query: COMPONENTS_INDEX_QUERY }),
+  loader: async () => await sanityFetch({ query: COMPONENTS_INDEX_QUERY }),
 });
 
 function Page() {