feat(start): move scripts,links, and meta to the head (#2571)

This minor is non-breaking for Router users, since it's undocumented to the public API, but **is breaking** for Start alpha users. 

This changes the options signature for meta from this:
```tsx
createRoute({
  meta: () => [
    ...
  ],
  links: () => [
    ...
  ],
})
```

to this:

```tsx
createRoute({
  head: () => ({
    meta: [
      ...
    ],
    links: [
      ...
    ],
  })
})
```

Author: SeanCassiere

docs/framework/react/start/getting-started.md

@@ -199,18 +199,20 @@ import { Meta, Scripts } from '@tanstack/start'
 import type { ReactNode } from 'react'
 
 export const Route = createRootRoute({
-  meta: () => [
-    {
-      charSet: 'utf-8',
-    },
-    {
-      name: 'viewport',
-      content: 'width=device-width, initial-scale=1',
-    },
-    {
-      title: 'TanStack Start Starter',
-    },
-  ],
+  head: () => ({
+    meta: [
+      {
+        charSet: 'utf-8',
+      },
+      {
+        name: 'viewport',
+        content: 'width=device-width, initial-scale=1',
+      },
+      {
+        title: 'TanStack Start Starter',
+      },
+    ],
+  }),
   component: RootComponent,
 })
 

e2e/react-router/basic-esbuild-file-based/src/routes/posts.$postId.tsx

@@ -5,7 +5,7 @@ import type { ErrorComponentProps } from '@tanstack/react-router'
 
 export const Route = createFileRoute('/posts/$postId')({
   loader: async ({ params: { postId } }) => fetchPost(postId),
-  errorComponent: PostErrorComponent as any,
+  errorComponent: PostErrorComponent,
   notFoundComponent: () => {
     return <p>Post not found</p>
   },

e2e/react-router/basic-file-based/src/routes/posts.$postId.tsx

@@ -5,7 +5,7 @@ import type { ErrorComponentProps } from '@tanstack/react-router'
 
 export const Route = createFileRoute('/posts/$postId')({
   loader: async ({ params: { postId } }) => fetchPost(postId),
-  errorComponent: PostErrorComponent as any,
+  errorComponent: PostErrorComponent,
   notFoundComponent: () => {
     return <p>Post not found</p>
   },

e2e/react-router/basic-react-query-file-based/src/routes/posts.$postId.tsx

@@ -20,7 +20,7 @@ export const Route = createFileRoute('/posts/$postId')({
   component: PostComponent,
 })
 
-export function PostErrorComponent({ error, reset }: ErrorComponentProps) {
+export function PostErrorComponent({ error }: ErrorComponentProps) {
   const router = useRouter()
   if (error instanceof PostNotFoundError) {
     return <div>{error.message}</div>

e2e/react-router/basic-react-query/src/main.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import {
   ErrorComponent,
-  type ErrorComponentProps,
   Link,
   Outlet,
   RouterProvider,
@@ -20,6 +19,7 @@ import {
   useSuspenseQuery,
 } from '@tanstack/react-query'
 import { NotFoundError, postQueryOptions, postsQueryOptions } from './posts'
+import type { ErrorComponentProps } from '@tanstack/react-router'
 
 const rootRoute = createRootRouteWithContext<{
   queryClient: QueryClient

e2e/react-router/basic-scroll-restoration/src/main.tsx

@@ -214,7 +214,7 @@ const router = createRouter({ routeTree, defaultPreload: 'intent' })
 
 declare global {
   interface Window {
-    invokeOrders: string[]
+    invokeOrders: Array<string>
   }
 }
 window.invokeOrders = []

e2e/react-router/basic-virtual-file-based/src/routes/file-based-subtree/hello/index.tsx

@@ -1,4 +1,4 @@
-import { Link, createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from '@tanstack/react-router'
 
 export const Route = createFileRoute('/classic/hello/')({
   component: () => <div>This is the index</div>,

e2e/react-router/basic/src/main.tsx

@@ -1,7 +1,6 @@
 import ReactDOM from 'react-dom/client'
 import {
   ErrorComponent,
-  type ErrorComponentProps,
   Link,
   Outlet,
   RouterProvider,
@@ -11,6 +10,7 @@ import {
 } from '@tanstack/react-router'
 import { TanStackRouterDevtools } from '@tanstack/router-devtools'
 import { NotFoundError, fetchPost, fetchPosts } from './posts'
+import type { ErrorComponentProps } from '@tanstack/react-router'
 
 const rootRoute = createRootRoute({
   component: RootComponent,

e2e/start/basic-auth/app/client.tsx

@@ -1,3 +1,4 @@
+/// <reference types="vinxi/types/client" />
 import { hydrateRoot } from 'react-dom/client'
 import { StartClient } from '@tanstack/start'
 import { createRouter } from './router'

e2e/start/basic-auth/app/components/DefaultCatchBoundary.tsx

@@ -1,11 +1,11 @@
 import {
   ErrorComponent,
-  ErrorComponentProps,
   Link,
   rootRouteId,
   useMatch,
   useRouter,
 } from '@tanstack/react-router'
+import type { ErrorComponentProps } from '@tanstack/react-router'
 
 export function DefaultCatchBoundary({ error }: ErrorComponentProps) {
   const router = useRouter()