Merge branch 'main' into rsc-blog-cleanup

Author: tannerlinsley

.agents/index.md

@@ -0,0 +1,18 @@
+# Agent Guidelines
+
+TanStack.com marketing site built with TanStack Start.
+
+## Essentials
+
+- Package manager: `pnpm`
+- Run `pnpm test` at end of task batches (not after every tiny change)
+- Don't run builds after every change. This is a visual site; assume changes work unless reported otherwise.
+- **Typesafety is paramount.** Never cast types; fix at source instead. See [typescript.md](.claude/typescript.md).
+- **No emdashes.** Use periods, commas, colons, or parentheses instead.
+
+## Topic Guides
+
+- [TypeScript Conventions](.claude/typescript.md): Type inference, casting rules, generic naming
+- [TanStack Patterns](.claude/tanstack-patterns.md): Loaders, server functions, environment shaking
+- [UI Style Guide](.claude/ui-style.md): Visual design principles for 2026
+- [Workflow](.claude/workflow.md): Build commands, debugging, Playwright

AGENTS.md

@@ -0,0 +1 @@
+.agents/index.md

AGENTS.md

@@ -0,0 +1 @@
+.agents/index.md

CLAUDE.md

@@ -52,10 +52,10 @@
     "@tanstack/pacer": "^0.16.4",
     "@tanstack/react-pacer": "^0.17.4",
     "@tanstack/react-query": "^5.90.12",
-    "@tanstack/react-router": "1.141.6",
-    "@tanstack/react-router-devtools": "1.141.6",
-    "@tanstack/react-router-ssr-query": "1.141.6",
-    "@tanstack/react-start": "1.141.8",
+    "@tanstack/react-router": "1.157.16",
+    "@tanstack/react-router-devtools": "1.157.16",
+    "@tanstack/react-router-ssr-query": "1.157.16",
+    "@tanstack/react-start": "1.157.16",
     "@tanstack/react-table": "^8.21.3",
     "@types/d3": "^7.4.3",
     "@uploadthing/react": "^7.3.3",
@@ -84,9 +84,9 @@
     "mermaid": "^11.11.0",
     "postgres": "^3.4.7",
     "posthog-node": "^5.20.0",
-    "react": "^19.2.0",
+    "react": "19.2.3",
     "react-colorful": "^5.6.1",
-    "react-dom": "^19.2.0",
+    "react-dom": "19.2.3",
     "react-easy-crop": "^5.5.6",
     "react-instantsearch": "7",
     "rehype-autolink-headings": "^7.1.0",
@@ -124,8 +124,8 @@
     "@types/hast": "^3.0.4",
     "@types/node": "^24.3.0",
     "@types/pg": "^8.15.6",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "19.2.3",
     "@types/remove-markdown": "^0.3.4",
     "@types/three": "^0.182.0",
     "autoprefixer": "^10.4.18",

package.json

@@ -174,7 +174,7 @@ function extractWarnings(addOns: Array<AddOn>): Array<string> {
     .map((a) => `${a.name}: ${a.warning}`)
 }
 
-function convertToStarter(template: StarterCompiled): Starter {
+function _convertToStarter(template: StarterCompiled): Starter {
   return {
     ...template,
     getFiles: () => Promise.resolve(Object.keys(template.files)),

pnpm-lock.yaml

@@ -1,10 +1,9 @@
 import * as React from 'react'
-import type { LinkProps } from '@tanstack/react-router'
-import { Link } from '@tanstack/react-router'
+import { Link, LinkProps } from '@tanstack/react-router'
 import { Button } from '~/ui'
 
 type BottomCTAProps = {
-  linkProps: Omit<LinkProps, 'className' | 'children'>
+  linkProps: LinkProps
   label?: string
   className?: string
 }
@@ -23,6 +22,7 @@ export function BottomCTA({
         Only one thing left to do...
       </div>
       <div>
+        {/* @ts-expect-error - LinkProps is not assignable to ButtonProps */}
         <Button
           as={Link}
           {...linkProps}

src/builder/api/compile.ts

@@ -92,12 +92,14 @@ export function ExampleDeployDialog({
   // Reset repo name when dialog opens with new example
   useEffect(() => {
     if (isOpen) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setRepoName(defaultRepoName)
     }
   }, [isOpen, defaultRepoName])
 
   // Validate and check repo name
   useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     setRepoNameError(null)
 
     const validation = validateRepoNameFormat(repoName)
@@ -126,6 +128,7 @@ export function ExampleDeployDialog({
   // Check auth state when dialog opens or auth changes
   useEffect(() => {
     if (!isOpen) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setState({ step: 'auth-check' })
       setCountdown(null)
       return
@@ -155,6 +158,7 @@ export function ExampleDeployDialog({
     if (state.step !== 'success' || countdown === null) return
 
     if (countdown <= 0) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setCountdown(null)
       const deployUrl = providerInfo.deployUrl(state.owner, state.repoName)
       window.open(deployUrl, '_blank')

src/components/BottomCTA.tsx

@@ -1,4 +1,4 @@
-import { libraries } from '~/libraries'
+import { libraries, type LibraryId } from '~/libraries'
 import { DOC_FEEDBACK_STATUSES, type DocFeedbackStatus } from '~/db/types'
 import {
   TopBarFilter,
@@ -13,14 +13,14 @@ import { FormInput } from '~/ui'
 interface FeedbackModerationTopBarProps {
   filters: {
     status?: DocFeedbackStatus[]
-    libraryId?: string
+    libraryId?: LibraryId
     isDetached?: boolean
     dateFrom?: string
     dateTo?: string
   }
   onFilterChange: (filters: {
     status?: DocFeedbackStatus[]
-    libraryId?: string
+    libraryId?: LibraryId
     isDetached?: boolean
     dateFrom?: string
     dateTo?: string
@@ -63,7 +63,7 @@ export function FeedbackModerationTopBar({
     filters.dateTo,
   )
 
-  const getLibraryName = (id: string) =>
+  const getLibraryName = (id: LibraryId) =>
     libraries.find((l) => l.id === id)?.name || id
 
   const formatDateRange = () => {
@@ -130,7 +130,11 @@ export function FeedbackModerationTopBar({
           <select
             value={filters.libraryId || ''}
             onChange={(e) =>
-              onFilterChange({ libraryId: e.target.value || undefined })
+              onFilterChange({
+                libraryId: (e.target.value || undefined) as
+                  | LibraryId
+                  | undefined,
+              })
             }
             className="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500"
           >