diff --git a/app/libraries/config.ts b/app/libraries/config.ts
index 3ab6694e1..71de4c0e2 100644
--- a/app/libraries/config.ts
+++ b/app/libraries/config.ts
@@ -1,6 +1,6 @@
 import { Library } from '.'
 
-export const configProject: Library = {
+export const configProject = {
   id: 'config',
   name: 'TanStack Config',
   cardStyles: `shadow-xl shadow-slate-700/20 dark:shadow-lg dark:shadow-slate-500/30 text-slate-500 border-2 border-transparent hover:border-current`,
@@ -19,4 +19,4 @@ export const configProject: Library = {
   colorTo: 'to-gray-700',
   textColor: 'text-gray-700',
   frameworks: [],
-}
+} satisfies Library
diff --git a/app/libraries/form.ts b/app/libraries/form.ts
index 96ce6c19d..052fcbf5a 100644
--- a/app/libraries/form.ts
+++ b/app/libraries/form.ts
@@ -1,6 +1,6 @@
 import { Library } from '.'
 
-export const formProject: Library = {
+export const formProject = {
   id: 'form',
   name: 'TanStack Form',
   cardStyles: `shadow-xl shadow-yellow-700/20 dark:shadow-lg dark:shadow-yellow-500/30 text-yellow-500 border-2 border-transparent hover:border-current`,
@@ -20,4 +20,4 @@ export const formProject: Library = {
   textColor: 'text-yellow-600',
   frameworks: ['react', 'vue', 'angular', 'solid', 'lit'],
   scarfId: '72ec4452-5d77-427c-b44a-57515d2d83aa',
-}
+} satisfies Library
diff --git a/app/libraries/query.ts b/app/libraries/query.ts
index 3596184af..c06d4167c 100644
--- a/app/libraries/query.ts
+++ b/app/libraries/query.ts
@@ -1,7 +1,7 @@
 import { handleRedirects } from '~/utils/handleRedirects.server'
 import { Library } from '.'
 
-export const queryProject: Library = {
+export const queryProject = {
   id: 'query',
   name: 'TanStack Query',
   cardStyles: `shadow-xl shadow-red-700/20 dark:shadow-lg dark:shadow-red-500/30 text-red-500 border-2 border-transparent hover:border-current`,
@@ -39,7 +39,7 @@ export const queryProject: Library = {
       'from=reactQueryV3'
     )
   },
-}
+} satisfies Library
 
 // Redirect old query v3 docs
 // prettier-ignore
diff --git a/app/libraries/ranger.ts b/app/libraries/ranger.ts
index 56dc14a1f..35bea6c60 100644
--- a/app/libraries/ranger.ts
+++ b/app/libraries/ranger.ts
@@ -1,6 +1,6 @@
 import { Library } from '.'
 
-export const rangerProject: Library = {
+export const rangerProject = {
   id: 'ranger',
   name: 'TanStack Ranger',
   cardStyles: `shadow-xl shadow-pink-700/20 dark:shadow-lg dark:shadow-pink-500/30 text-pink-500 border-2 border-transparent hover:border-current`,
@@ -19,6 +19,5 @@ export const rangerProject: Library = {
   colorTo: 'to-pink-500',
   textColor: 'text-pink-500',
   frameworks: ['react'],
-  defaultDocs: 'framework/react/overview',
   scarfId: 'dd278e06-bb3f-420c-85c6-6e42d14d8f61',
-}
+} satisfies Library
diff --git a/app/libraries/router.ts b/app/libraries/router.ts
index aa4de1145..9ea84686c 100644
--- a/app/libraries/router.ts
+++ b/app/libraries/router.ts
@@ -1,6 +1,6 @@
 import { Library } from '.'
 
-export const routerProject: Library = {
+export const routerProject = {
   id: 'router',
   name: 'TanStack Router',
   cardStyles: `shadow-xl shadow-emerald-700/20 dark:shadow-lg dark:shadow-emerald-500/30 text-emerald-500 dark:text-emerald-400 border-2 border-transparent hover:border-current`,
@@ -23,4 +23,4 @@ export const routerProject: Library = {
   defaultDocs: 'framework/react/overview',
   hideCodesandboxUrl: true,
   showVercelUrl: true,
-}
+} satisfies Library
diff --git a/app/libraries/start.ts b/app/libraries/start.ts
index a9fc87eb8..3db4d03be 100644
--- a/app/libraries/start.ts
+++ b/app/libraries/start.ts
@@ -1,6 +1,6 @@
 import { Library } from '.'
 
-export const startProject: Library = {
+export const startProject = {
   id: 'start',
   name: 'TanStack Start',
   cardStyles: `shadow-xl shadow-cyan-500/20 dark:shadow-lg dark:shadow-cyan-500/30 text-cyan-500 dark:text-white-400 border-2 border-transparent hover:border-current`,
@@ -19,4 +19,4 @@ export const startProject: Library = {
   textColor: 'text-cyan-600',
   frameworks: ['react'],
   scarfId: 'b6e2134f-e805-401d-95c3-2a7765d49a3d',
-}
+} satisfies Library
diff --git a/app/libraries/store.ts b/app/libraries/store.ts
index fb11ef7ad..95e260c3c 100644
--- a/app/libraries/store.ts
+++ b/app/libraries/store.ts
@@ -1,6 +1,6 @@
 import { Library } from '.'
 
-export const storeProject: Library = {
+export const storeProject = {
   id: 'store',
   name: 'TanStack Store',
   cardStyles: `shadow-xl shadow-stone-700/20 dark:shadow-lg dark:shadow-stone-500/20 text-stone-500 dark:text-stone-400 border-2 border-transparent hover:border-current`,
@@ -21,4 +21,4 @@ export const storeProject: Library = {
   frameworks: ['react', 'solid', 'svelte', 'vue', 'angular'],
   scarfId: '302d0fef-cb3f-43c6-b45c-f055b9745edb',
   defaultDocs: 'overview',
-}
+} satisfies Library
diff --git a/app/libraries/table.ts b/app/libraries/table.ts
index 76c7a6782..a4466424e 100644
--- a/app/libraries/table.ts
+++ b/app/libraries/table.ts
@@ -1,7 +1,7 @@
 import { handleRedirects } from '~/utils/handleRedirects.server'
 import { Library } from '.'
 
-export const tableProject: Library = {
+export const tableProject = {
   id: 'table',
   name: 'TanStack Table',
   cardStyles: `shadow-xl shadow-blue-700/20 dark:shadow-lg dark:shadow-blue-500/30 text-blue-500 border-2 border-transparent hover:border-current`,
@@ -29,7 +29,7 @@ export const tableProject: Library = {
     'vanilla',
   ],
   scarfId: 'dc8b39e1-3fe9-4f3a-8e56-d4e2cf420a9e',
-  defaultDocs: 'framework/react/overview',
+  defaultDocs: 'introduction',
   handleRedirects: (href) => {
     handleRedirects(
       reactTableV7List,
@@ -39,7 +39,7 @@ export const tableProject: Library = {
       'from=reactTableV7'
     )
   },
-}
+} satisfies Library
 
 // prettier-ignore
 export const reactTableV7List = [
diff --git a/app/libraries/virtual.ts b/app/libraries/virtual.ts
index 99fa1aa0e..657baac0c 100644
--- a/app/libraries/virtual.ts
+++ b/app/libraries/virtual.ts
@@ -1,6 +1,6 @@
 import { Library } from '.'
 
-export const virtualProject: Library = {
+export const virtualProject = {
   id: 'virtual',
   name: 'TanStack Virtual',
   cardStyles: `shadow-xl shadow-purple-700/20 dark:shadow-lg dark:shadow-purple-500/30 text-purple-500 border-2 border-transparent hover:border-current`,
@@ -18,6 +18,6 @@ export const virtualProject: Library = {
   colorTo: 'to-violet-600',
   textColor: 'text-purple-600',
   frameworks: ['react', 'solid', 'vue', 'svelte', 'lit', 'angular'],
-  defaultDocs: 'framework/react/overview',
+  defaultDocs: 'introduction',
   scarfId: '32372eb1-91e0-48e7-8df1-4808a7be6b94',
-}
+} satisfies Library
diff --git a/app/routes/$libraryId.$version.docs.index.tsx b/app/routes/$libraryId.$version.docs.index.tsx
index 15ea7fac0..e192083ca 100644
--- a/app/routes/$libraryId.$version.docs.index.tsx
+++ b/app/routes/$libraryId.$version.docs.index.tsx
@@ -12,7 +12,7 @@ export const Route = createFileRoute('/$libraryId/$version/docs/')({
       params: {
         libraryId,
         version: ctx.params.version,
-        _splat: library.defaultDocs || 'overview',
+        _splat: 'defaultDocs' in library ? library.defaultDocs : 'overview',
       },
     })
   },