diff --git a/eslint.config.mjs b/eslint.config.mjs
index cbfe20bc1..dc98466a7 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -62,6 +62,7 @@ export default [
     rules: {
       ...reactHooks.configs.recommended.rules,
       ...jsxA11y.configs.recommended.rules,
+      'react-hooks/set-state-in-effect': 'warn',
     },
   },
 ]
diff --git a/src/components/AvatarCropModal.tsx b/src/components/AvatarCropModal.tsx
index 55dd62523..5a7edf3f6 100644
--- a/src/components/AvatarCropModal.tsx
+++ b/src/components/AvatarCropModal.tsx
@@ -134,10 +134,14 @@ export function AvatarCropModal({
           </div>
 
           <div className="mt-4">
-            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+            <label
+              htmlFor="zoom"
+              className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+            >
               Zoom
             </label>
             <input
+              id="zoom"
               type="range"
               min={1}
               max={3}
diff --git a/src/components/DocsLayout.tsx b/src/components/DocsLayout.tsx
index cfbc6bac2..fc9794318 100644
--- a/src/components/DocsLayout.tsx
+++ b/src/components/DocsLayout.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { TextAlignStart, ChevronLeft, ChevronRight, Menu } from 'lucide-react'
+import { ChevronLeft, ChevronRight, Menu } from 'lucide-react'
 import { GithubIcon } from '~/components/icons/GithubIcon'
 import { DiscordIcon } from '~/components/icons/DiscordIcon'
 import { Link, useMatches, useParams } from '@tanstack/react-router'
@@ -12,7 +12,7 @@ import { frameworkOptions } from '~/libraries/frameworks'
 import { DocsCalloutQueryGG } from '~/components/DocsCalloutQueryGG'
 import { twMerge } from 'tailwind-merge'
 import { partners, PartnerImage } from '~/utils/partners'
-import { GamFooter, GamHeader, GamVrec1 } from './Gam'
+import { GamHeader, GamVrec1 } from './Gam'
 import { AdGate } from '~/contexts/AdsContext'
 import { SearchButton } from './SearchButton'
 import { FrameworkSelect, useCurrentFramework } from './FrameworkSelect'
@@ -73,6 +73,7 @@ function MobilePartnersStrip({
   }, [isHovered])
 
   return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
     <div
       className="flex-1 flex items-center gap-2 min-w-0"
       onClick={(e) => e.preventDefault()}
diff --git a/src/components/FeedEntry.tsx b/src/components/FeedEntry.tsx
index bc9098314..382bf8aea 100644
--- a/src/components/FeedEntry.tsx
+++ b/src/components/FeedEntry.tsx
@@ -40,6 +40,7 @@ interface FeedEntryProps {
   }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 export function FeedEntry({
   entry,
   showFullContent = false,
diff --git a/src/components/FeedbackModerationTopBar.tsx b/src/components/FeedbackModerationTopBar.tsx
index ac2e0b460..d50d1f944 100644
--- a/src/components/FeedbackModerationTopBar.tsx
+++ b/src/components/FeedbackModerationTopBar.tsx
@@ -163,10 +163,14 @@ export function FeedbackModerationTopBar({
         <FilterDropdownSection title="Date Range">
           <div className="space-y-3">
             <div>
-              <label className="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">
+              <label
+                htmlFor="from"
+                className="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1"
+              >
                 From
               </label>
               <input
+                id="from"
                 type="date"
                 value={filters.dateFrom || ''}
                 onChange={(e) =>
@@ -176,10 +180,14 @@ export function FeedbackModerationTopBar({
               />
             </div>
             <div>
-              <label className="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">
+              <label
+                htmlFor="to"
+                className="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1"
+              >
                 To
               </label>
               <input
+                id="to"
                 type="date"
                 value={filters.dateTo || ''}
                 onChange={(e) =>
diff --git a/src/components/ImageUpload.tsx b/src/components/ImageUpload.tsx
index 2f1cd3557..abb76fa74 100644
--- a/src/components/ImageUpload.tsx
+++ b/src/components/ImageUpload.tsx
@@ -138,6 +138,7 @@ export function ImageUpload({
           </button>
         </div>
       ) : (
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
         <div
           onClick={() => fileInputRef.current?.click()}
           onDrop={handleDrop}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 452d34521..be4cf0571 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -73,6 +73,95 @@ import {
 } from '~/components/Collapsible'
 import { Card } from '~/components/Card'
 
+type LogoProps = {
+  showMenu: boolean
+  setShowMenu: React.Dispatch<React.SetStateAction<boolean>>
+  menuButtonRef: React.RefObject<HTMLButtonElement | null>
+  title?: React.ComponentType<any> | null
+}
+
+const LogoSection = ({
+  showMenu,
+  setShowMenu,
+  menuButtonRef,
+  title,
+}: LogoProps) => {
+  const pointerInsideButtonRef = React.useRef(false)
+  const toggleMenu = () => {
+    setShowMenu((prev) => !prev)
+  }
+  return (
+    <>
+      <button
+        aria-label="Open Menu"
+        className={twMerge(
+          'flex items-center justify-center',
+          'transition-all duration-300 h-8 px-2 py-1 lg:px-0',
+          // At lg: only visible when Title exists (flyout mode)
+          // Below lg: always visible
+          title
+            ? 'lg:w-9 lg:opacity-100 lg:translate-x-0'
+            : 'lg:w-0 lg:opacity-0 lg:-translate-x-full',
+        )}
+        ref={menuButtonRef}
+        onClick={toggleMenu}
+        onPointerEnter={(e) => {
+          // Enable hover to open flyout at md+ (but not touch)
+          if (window.innerWidth < 768 || e.pointerType === 'touch') return
+          if (pointerInsideButtonRef.current) return
+          pointerInsideButtonRef.current = true
+          setShowMenu(true)
+        }}
+        onPointerLeave={() => {
+          pointerInsideButtonRef.current = false
+        }}
+      >
+        {showMenu ? <X /> : <Menu />}
+      </button>
+      <Link
+        to="/"
+        className={twMerge(`inline-flex items-center gap-1.5 cursor-pointer`)}
+      >
+        <div className="w-[30px] inline-grid items-center grid-cols-1 grid-rows-1 [&>*]:transition-opacity [&>*]:duration-1000">
+          <img
+            src={'/images/logos/logo-color-100.png'}
+            alt=""
+            className="row-start-1 col-start-1 w-full group-hover:opacity-0"
+          />
+          <img
+            src={'/images/logos/logo-black.svg'}
+            alt=""
+            className="row-start-1 col-start-1 w-full dark:opacity-0 opacity-0 group-hover:opacity-100"
+          />
+          <img
+            src={'/images/logos/logo-white.svg'}
+            alt=""
+            className="row-start-1 col-start-1 w-full light:opacity-0 dark:block opacity-0 group-hover:opacity-100"
+          />
+        </div>
+        <div>TanStack</div>
+      </Link>
+    </>
+  )
+}
+
+const MobileCard = ({
+  children,
+  isActive,
+}: {
+  children: React.ReactNode
+  isActive?: boolean
+}) => (
+  <Card
+    className={twMerge(
+      'md:contents border-gray-200/50 dark:border-gray-700/50 shadow-sm',
+      isActive && 'ring-2 ring-gray-400/30 dark:ring-gray-500/30',
+    )}
+  >
+    {children}
+  </Card>
+)
+
 export function Navbar({ children }: { children: React.ReactNode }) {
   const matches = useMatches()
   const capabilities = useCapabilities()
@@ -131,8 +220,6 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   }, [])
 
   const [showMenu, setShowMenu] = React.useState(false)
-  const pointerInsideButtonRef = React.useRef(false)
-
   const largeMenuRef = React.useRef<HTMLDivElement>(null)
   const menuButtonRef = React.useRef<HTMLButtonElement>(null)
 
@@ -143,64 +230,6 @@ export function Navbar({ children }: { children: React.ReactNode }) {
     additionalRefs: [largeMenuRef, menuButtonRef],
   })
 
-  const toggleMenu = () => {
-    setShowMenu((prev) => !prev)
-  }
-
-  const LogoSection = () => (
-    <>
-      <button
-        aria-label="Open Menu"
-        className={twMerge(
-          'flex items-center justify-center',
-          'transition-all duration-300 h-8 px-2 py-1 lg:px-0',
-          // At lg: only visible when Title exists (flyout mode)
-          // Below lg: always visible
-          Title
-            ? 'lg:w-9 lg:opacity-100 lg:translate-x-0'
-            : 'lg:w-0 lg:opacity-0 lg:-translate-x-full',
-        )}
-        ref={menuButtonRef}
-        onClick={toggleMenu}
-        onPointerEnter={(e) => {
-          // Enable hover to open flyout at md+ (but not touch)
-          if (window.innerWidth < 768 || e.pointerType === 'touch') return
-          if (pointerInsideButtonRef.current) return
-          pointerInsideButtonRef.current = true
-          setShowMenu(true)
-        }}
-        onPointerLeave={() => {
-          pointerInsideButtonRef.current = false
-        }}
-      >
-        {showMenu ? <X /> : <Menu />}
-      </button>
-      <Link
-        to="/"
-        className={twMerge(`inline-flex items-center gap-1.5 cursor-pointer`)}
-      >
-        <div className="w-[30px] inline-grid items-center grid-cols-1 grid-rows-1 [&>*]:transition-opacity [&>*]:duration-1000">
-          <img
-            src={'/images/logos/logo-color-100.png'}
-            alt=""
-            className="row-start-1 col-start-1 w-full group-hover:opacity-0"
-          />
-          <img
-            src={'/images/logos/logo-black.svg'}
-            alt=""
-            className="row-start-1 col-start-1 w-full dark:opacity-0 opacity-0 group-hover:opacity-100"
-          />
-          <img
-            src={'/images/logos/logo-white.svg'}
-            alt=""
-            className="row-start-1 col-start-1 w-full light:opacity-0 dark:block opacity-0 group-hover:opacity-100"
-          />
-        </div>
-        <div>TanStack</div>
-      </Link>
-    </>
-  )
-
   const loginButton = (
     <>
       {(() => {
@@ -278,11 +307,25 @@ export function Navbar({ children }: { children: React.ReactNode }) {
     >
       <div className="flex items-center min-w-0">
         <div className="flex items-center gap-2 font-black text-xl uppercase min-w-0">
-          <React.Suspense fallback={<LogoSection />}>
+          <React.Suspense
+            fallback={
+              <LogoSection
+                menuButtonRef={menuButtonRef}
+                setShowMenu={setShowMenu}
+                showMenu={showMenu}
+                title={Title}
+              />
+            }
+          >
             <LazyBrandContextMenu
               className={twMerge(`flex items-center group flex-shrink-0`)}
             >
-              <LogoSection />
+              <LogoSection
+                menuButtonRef={menuButtonRef}
+                setShowMenu={setShowMenu}
+                showMenu={showMenu}
+                title={Title}
+              />
             </LazyBrandContextMenu>
           </React.Suspense>
           {Title ? (
@@ -318,23 +361,6 @@ export function Navbar({ children }: { children: React.ReactNode }) {
 
   const linkClasses = `flex items-center justify-between gap-2 group px-3 py-3 md:px-2 md:py-1 rounded-lg hover:bg-gray-500/10 font-bold text-base md:text-sm`
 
-  const MobileCard = ({
-    children,
-    isActive,
-  }: {
-    children: React.ReactNode
-    isActive?: boolean
-  }) => (
-    <Card
-      className={twMerge(
-        'md:contents border-gray-200/50 dark:border-gray-700/50 shadow-sm',
-        isActive && 'ring-2 ring-gray-400/30 dark:ring-gray-500/30',
-      )}
-    >
-      {children}
-    </Card>
-  )
-
   const items = (
     <div className="contents md:block">
       <div className="contents md:block">
diff --git a/src/components/NotesModerationTopBar.tsx b/src/components/NotesModerationTopBar.tsx
index 2931f6e40..fd9c98ea0 100644
--- a/src/components/NotesModerationTopBar.tsx
+++ b/src/components/NotesModerationTopBar.tsx
@@ -122,10 +122,14 @@ export function NotesModerationTopBar({
         <FilterDropdownSection title="Date Range">
           <div className="space-y-3">
             <div>
-              <label className="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">
+              <label
+                htmlFor="from"
+                className="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1"
+              >
                 From
               </label>
               <input
+                id="from"
                 type="date"
                 value={filters.dateFrom || ''}
                 onChange={(e) =>
@@ -135,10 +139,14 @@ export function NotesModerationTopBar({
               />
             </div>
             <div>
-              <label className="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1">
+              <label
+                htmlFor="to"
+                className="block text-xs font-medium text-gray-600 dark:text-gray-400 mb-1"
+              >
                 To
               </label>
               <input
+                id="to"
                 type="date"
                 value={filters.dateTo || ''}
                 onChange={(e) =>
diff --git a/src/components/SearchModal.tsx b/src/components/SearchModal.tsx
index cf1f4a565..03f280d58 100644
--- a/src/components/SearchModal.tsx
+++ b/src/components/SearchModal.tsx
@@ -189,14 +189,15 @@ function useSearchFilters() {
 function SearchFiltersProvider({ children }: { children: React.ReactNode }) {
   const userQuery = useCurrentUserQuery()
   const [selectedLibrary, setSelectedLibrary] = React.useState('')
+  const lastUsedFramework = userQuery.data?.lastUsedFramework
 
   // Get initial framework from user preference (DB if logged in, localStorage otherwise)
   const getInitialFramework = React.useCallback(() => {
-    if (userQuery.data?.lastUsedFramework) {
-      return userQuery.data.lastUsedFramework
+    if (lastUsedFramework) {
+      return lastUsedFramework
     }
     return getStoredFrameworkPreference() || ''
-  }, [userQuery.data?.lastUsedFramework])
+  }, [lastUsedFramework])
 
   const [selectedFramework, setSelectedFramework] =
     React.useState(getInitialFramework)
diff --git a/src/components/ShowcaseModerationList.tsx b/src/components/ShowcaseModerationList.tsx
index 379087b70..48ac9a1c1 100644
--- a/src/components/ShowcaseModerationList.tsx
+++ b/src/components/ShowcaseModerationList.tsx
@@ -522,10 +522,14 @@ export function ShowcaseModerationList({
                         {/* Moderation Note Input (for pending only) */}
                         {isPending && (
                           <div>
-                            <label className="block text-sm font-semibold mb-2">
+                            <label
+                              htmlFor="note"
+                              className="block text-sm font-semibold mb-2"
+                            >
                               Internal Moderation Note (optional):
                             </label>
                             <textarea
+                              id="note"
                               value={moderationNotes[showcase.id] || ''}
                               onChange={(e) =>
                                 handleModerationNoteChange(
diff --git a/src/components/ShowcaseSubmitForm.tsx b/src/components/ShowcaseSubmitForm.tsx
index a999f45b6..6ad3a6c2f 100644
--- a/src/components/ShowcaseSubmitForm.tsx
+++ b/src/components/ShowcaseSubmitForm.tsx
@@ -341,6 +341,7 @@ export function ShowcaseSubmitForm({ showcase }: ShowcaseSubmitFormProps) {
 
           {/* Libraries */}
           <div>
+            {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
             <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-3">
               TanStack Libraries Used *
             </label>
@@ -386,6 +387,7 @@ export function ShowcaseSubmitForm({ showcase }: ShowcaseSubmitFormProps) {
 
           {/* Use Cases */}
           <div>
+            {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
             <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-3">
               Use Cases
             </label>
diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
index ded28789e..2dab0bbeb 100644
--- a/src/components/Tooltip.tsx
+++ b/src/components/Tooltip.tsx
@@ -39,14 +39,16 @@ export function Tooltip({
 
   return (
     <>
+      {/* eslint-disable-next-line react-hooks/refs */}
       {React.cloneElement(children, {
+        // eslint-disable-next-line react-hooks/refs
         ref: refs.setReference,
         ...getReferenceProps(),
       } as any)}
       <FloatingPortal>
         {isOpen && (
           <div
-            ref={refs.setFloating}
+            ref={refs.setFloating /* eslint-disable-line react-hooks/refs */}
             style={floatingStyles}
             {...getFloatingProps()}
             className={`z-50 rounded-md bg-gray-900 px-3 py-1.5 text-sm text-white shadow-lg dark:bg-gray-800 ${className}`}
diff --git a/src/components/game/engine/GameEngine.ts b/src/components/game/engine/GameEngine.ts
index 15e55684e..dde129090 100644
--- a/src/components/game/engine/GameEngine.ts
+++ b/src/components/game/engine/GameEngine.ts
@@ -157,6 +157,7 @@ export class GameEngine {
     this.canvas.addEventListener('pointermove', this.handlePointerMove)
 
     // Store for HMR
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
     __hmrEngine = this
   }
 
@@ -267,7 +268,7 @@ export class GameEngine {
       const expandedIslands = useGameStore.getState().expandedIslands
 
       // Generate showcase islands if showcase was unlocked
-      let showcaseIslands = initialState.showcaseIslands
+      const showcaseIslands = initialState.showcaseIslands
       // Generate corner islands if corners were unlocked
       let cornerIslands = initialState.cornerIslands
       if (initialState.cornersUnlocked && cornerIslands.length === 0) {
diff --git a/src/components/game/engine/systems/AISystem.ts b/src/components/game/engine/systems/AISystem.ts
index 425218b8d..f79a225a9 100644
--- a/src/components/game/engine/systems/AISystem.ts
+++ b/src/components/game/engine/systems/AISystem.ts
@@ -562,7 +562,7 @@ export class AISystem {
       }
 
       let newRotation = player.rotation
-      let angleDiff = normalizeAngle(targetAngle - newRotation)
+      const angleDiff = normalizeAngle(targetAngle - newRotation)
 
       const turnAmount = stats.turnSpeed * dt
       if (Math.abs(angleDiff) > 0.02) {
diff --git a/src/components/game/scene/Cannonballs.tsx b/src/components/game/scene/Cannonballs.tsx
index ae8ab00b8..7c7941817 100644
--- a/src/components/game/scene/Cannonballs.tsx
+++ b/src/components/game/scene/Cannonballs.tsx
@@ -47,6 +47,7 @@ function SplashEffect({
   onComplete: () => void
 }) {
   const groupRef = useRef<THREE.Group>(null)
+  // eslint-disable-next-line react-hooks/purity
   const startTime = useRef(Date.now())
 
   useFrame(() => {
@@ -217,6 +218,7 @@ export function Cannonballs() {
       {cannonballs.map((ball) => (
         <Cannonball key={ball.id} id={ball.id} />
       ))}
+      {/* eslint-disable-next-line react-hooks/refs */}
       {splashEffects.current.map((splash) => (
         <SplashEffect
           key={splash.id}
diff --git a/src/components/game/scene/Flag.tsx b/src/components/game/scene/Flag.tsx
index b7cbb88ef..0a38798f0 100644
--- a/src/components/game/scene/Flag.tsx
+++ b/src/components/game/scene/Flag.tsx
@@ -49,7 +49,6 @@ export function Flag({
   const confettiSpawnedRef = useRef(false)
 
   const [hovered, setHovered] = useState(false)
-  const isPartner = !!partnerId
 
   // Create isoceles triangle geometry for flag
   // Long edge on left (touching pole), point on right (centered vertically)
diff --git a/src/components/game/scene/GameScene.tsx b/src/components/game/scene/GameScene.tsx
index c6040fde5..b9b143828 100644
--- a/src/components/game/scene/GameScene.tsx
+++ b/src/components/game/scene/GameScene.tsx
@@ -102,6 +102,7 @@ function IsometricCamera() {
   useEffect(() => {
     // Set up orthographic-like perspective
     if (camera instanceof THREE.PerspectiveCamera) {
+      // eslint-disable-next-line react-hooks/immutability
       camera.fov = BASE_FOV
       camera.updateProjectionMatrix()
     }
@@ -121,6 +122,7 @@ function IsometricCamera() {
           targetFov,
           0.1,
         )
+        // eslint-disable-next-line react-hooks/immutability
         camera.fov = currentFov.current
         camera.updateProjectionMatrix()
       }
diff --git a/src/components/game/scene/Island.tsx b/src/components/game/scene/Island.tsx
index 8d4508f8a..afe5ca877 100644
--- a/src/components/game/scene/Island.tsx
+++ b/src/components/game/scene/Island.tsx
@@ -127,7 +127,7 @@ export function Island({ data, isDiscovered }: IslandProps) {
 
     // Beach chair position - on the sand ring, avoid sign zone
     let chairAngle = seededRandom(seed + 200) * Math.PI * 2
-    let chairRadius = 2.0 + seededRandom(seed + 201) * 0.5
+    const chairRadius = 2.0 + seededRandom(seed + 201) * 0.5
     let chairX = Math.cos(chairAngle) * chairRadius
     let chairZ = Math.sin(chairAngle) * chairRadius
 
diff --git a/src/components/game/scene/Ocean.tsx b/src/components/game/scene/Ocean.tsx
index fb668b987..72f100b24 100644
--- a/src/components/game/scene/Ocean.tsx
+++ b/src/components/game/scene/Ocean.tsx
@@ -183,6 +183,7 @@ export function Ocean() {
 
   useFrame((state) => {
     if (material.uniforms) {
+      // eslint-disable-next-line react-hooks/immutability
       material.uniforms.uTime.value = state.clock.elapsedTime
     }
   })
diff --git a/src/hooks/useNpmDownloadCounter.ts b/src/hooks/useNpmDownloadCounter.ts
index 9f8da0c4c..9932c9284 100644
--- a/src/hooks/useNpmDownloadCounter.ts
+++ b/src/hooks/useNpmDownloadCounter.ts
@@ -10,6 +10,7 @@ export function useNpmDownloadCounter(
 ): React.RefCallback<HTMLElement> {
   const baseCount = npmData.totalDownloads ?? 0
   const ratePerDay = npmData.ratePerDay ?? 0
+  // eslint-disable-next-line react-hooks/purity
   const updatedAt = npmData.updatedAt ?? Date.now()
 
   const intervalRef = useRef<ReturnType<typeof setInterval> | undefined>(
diff --git a/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx b/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
index 59232828d..8984ca1fc 100644
--- a/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
+++ b/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
@@ -5,7 +5,7 @@ import { createFileRoute, notFound } from '@tanstack/react-router'
 export const Route = createFileRoute(
   '/$libraryId/$version/docs/framework/$framework/{$}.md',
 )({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async ({
diff --git a/src/routes/$libraryId/$version.docs.{$}[.]md.tsx b/src/routes/$libraryId/$version.docs.{$}[.]md.tsx
index 0d8fd4dea..282b6f0a0 100644
--- a/src/routes/$libraryId/$version.docs.{$}[.]md.tsx
+++ b/src/routes/$libraryId/$version.docs.{$}[.]md.tsx
@@ -3,7 +3,7 @@ import { getBranch, getLibrary, type LibraryId } from '~/libraries'
 import { loadDocs } from '~/utils/docs'
 
 export const Route = createFileRoute('/$libraryId/$version/docs/{$}.md')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async ({
diff --git a/src/routes/_libraries/index.tsx b/src/routes/_libraries/index.tsx
index b465cc14e..574533aaf 100644
--- a/src/routes/_libraries/index.tsx
+++ b/src/routes/_libraries/index.tsx
@@ -1,6 +1,5 @@
-import { Link, MatchRoute, createFileRoute } from '@tanstack/react-router'
-import { useState, useEffect } from 'react'
-import { twMerge } from 'tailwind-merge'
+import { createFileRoute, Link } from '@tanstack/react-router'
+import { useEffect, useState } from 'react'
 import { Footer } from '~/components/Footer'
 import { LazySponsorSection } from '~/components/LazySponsorSection'
 import discordImage from '~/images/discord-logo-white.svg'
@@ -25,7 +24,7 @@ import { setResponseHeaders } from '@tanstack/react-start/server'
 import { AdGate } from '~/contexts/AdsContext'
 import { GamHeader } from '~/components/Gam'
 import { TrustedByMarquee } from '~/components/TrustedByMarquee'
-import { Layers, Zap, Shield, Code2, ArrowRight } from 'lucide-react'
+import { ArrowRight, Code2, Layers, Shield, Zap } from 'lucide-react'
 import { Card } from '~/components/Card'
 import LibraryCard from '~/components/LibraryCard'
 import { FeaturedShowcases } from '~/components/ShowcaseSection'
diff --git a/src/routes/admin/banners.index.tsx b/src/routes/admin/banners.index.tsx
index 4ee422567..aa94f0c29 100644
--- a/src/routes/admin/banners.index.tsx
+++ b/src/routes/admin/banners.index.tsx
@@ -177,8 +177,10 @@ function BannersAdminPage() {
               const styleConfig = STYLE_CONFIG[banner.style]
               const Icon = styleConfig.icon
               const isExpired =
+                // eslint-disable-next-line react-hooks/purity
                 banner.expiresAt && banner.expiresAt < Date.now()
               const hasntStarted =
+                // eslint-disable-next-line react-hooks/purity
                 banner.startsAt && banner.startsAt > Date.now()
 
               return (
diff --git a/src/routes/admin/roles.$roleId.tsx b/src/routes/admin/roles.$roleId.tsx
index b3846084c..75175f3c0 100644
--- a/src/routes/admin/roles.$roleId.tsx
+++ b/src/routes/admin/roles.$roleId.tsx
@@ -25,15 +25,6 @@ export const Route = createFileRoute('/admin/roles/$roleId')({
   component: RoleDetailPage,
 })
 
-type User = {
-  _id: string
-  email: string
-  name?: string
-  displayUsername?: string
-  image?: string
-  capabilities?: string[]
-}
-
 function RoleDetailPage() {
   const { roleId } = Route.useParams()
   const [selectedUserIds, setSelectedUserIds] = useState<Set<string>>(new Set())
diff --git a/src/routes/admin/showcases_.$id.tsx b/src/routes/admin/showcases_.$id.tsx
index 69607f5f4..da5a0d6f1 100644
--- a/src/routes/admin/showcases_.$id.tsx
+++ b/src/routes/admin/showcases_.$id.tsx
@@ -414,8 +414,11 @@ function ShowcaseDetailPage() {
             {isEditing ? (
               <div className="space-y-4">
                 <div>
-                  <label className={labelClass}>URL</label>
+                  <label htmlFor="url" className={labelClass}>
+                    URL
+                  </label>
                   <input
+                    id="url"
                     type="text"
                     value={formData?.url || ''}
                     onChange={(e) =>
@@ -440,10 +443,11 @@ function ShowcaseDetailPage() {
                   size="small"
                 />
                 <div>
-                  <label className={labelClass}>
+                  <label htmlFor="src" className={labelClass}>
                     Source Code URL (optional)
                   </label>
                   <input
+                    id="src"
                     type="url"
                     value={formData?.sourceUrl || ''}
                     onChange={(e) =>
@@ -461,8 +465,11 @@ function ShowcaseDetailPage() {
                   </p>
                 </div>
                 <div>
-                  <label className={labelClass}>Description (optional)</label>
+                  <label htmlFor="description" className={labelClass}>
+                    Description (optional)
+                  </label>
                   <textarea
+                    id="description"
                     value={formData?.description || ''}
                     onChange={(e) =>
                       setFormData((prev) =>
@@ -474,8 +481,11 @@ function ShowcaseDetailPage() {
                   />
                 </div>
                 <div>
-                  <label className={labelClass}>Tranco Rank</label>
+                  <label htmlFor="trancoRank" className={labelClass}>
+                    Tranco Rank
+                  </label>
                   <input
+                    id="trancoRank"
                     type="number"
                     value={formData?.trancoRank ?? ''}
                     onChange={(e) =>
@@ -498,8 +508,11 @@ function ShowcaseDetailPage() {
                   </p>
                 </div>
                 <div>
-                  <label className={labelClass}>Vote Score</label>
+                  <label htmlFor="voteScore" className={labelClass}>
+                    Vote Score
+                  </label>
                   <input
+                    id="voteScore"
                     type="number"
                     value={formData?.voteScore ?? 0}
                     onChange={(e) =>
@@ -762,8 +775,11 @@ function ShowcaseDetailPage() {
             </h2>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div>
-                <label className={labelClass}>Status</label>
+                <label htmlFor="status" className={labelClass}>
+                  Status
+                </label>
                 <select
+                  id="status"
                   value={formData?.status || 'pending'}
                   onChange={(e) =>
                     setFormData((prev) =>
@@ -782,9 +798,12 @@ function ShowcaseDetailPage() {
                 </select>
               </div>
               <div>
-                <label className={labelClass}>Featured</label>
+                <label htmlFor="featured" className={labelClass}>
+                  Featured
+                </label>
                 <div className="flex items-center gap-3 mt-2">
                   <button
+                    id="featured"
                     type="button"
                     onClick={() =>
                       setFormData((prev) =>
@@ -809,8 +828,11 @@ function ShowcaseDetailPage() {
                 </div>
               </div>
               <div className="md:col-span-2">
-                <label className={labelClass}>Moderation Note (optional)</label>
+                <label htmlFor="note" className={labelClass}>
+                  Moderation Note (optional)
+                </label>
                 <textarea
+                  id="note"
                   value={formData?.moderationNote || ''}
                   onChange={(e) =>
                     setFormData((prev) =>
diff --git a/src/routes/api/admin/sync.tsx b/src/routes/api/admin/sync.tsx
index 263d07166..097599b88 100644
--- a/src/routes/api/admin/sync.tsx
+++ b/src/routes/api/admin/sync.tsx
@@ -4,7 +4,7 @@ import { getAuthenticatedUser } from '~/utils/auth.server-helpers'
 import { getEffectiveCapabilities } from '~/utils/capabilities.server'
 
 export const Route = createFileRoute('/api/admin/sync')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       POST: async () => {
diff --git a/src/routes/api/auth/callback/$provider.tsx b/src/routes/api/auth/callback/$provider.tsx
index f25182b0f..e85de83fc 100644
--- a/src/routes/api/auth/callback/$provider.tsx
+++ b/src/routes/api/auth/callback/$provider.tsx
@@ -19,7 +19,7 @@ import { recordLogin } from '~/utils/audit.server'
 import { recordDailyActivity } from '~/utils/activity.server'
 
 export const Route = createFileRoute('/api/auth/callback/$provider')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async ({ request, params }: { request: Request; params: { provider: string } }) => {
diff --git a/src/routes/api/github/webhook.tsx b/src/routes/api/github/webhook.tsx
index 152e6b827..d1acf8d1b 100644
--- a/src/routes/api/github/webhook.tsx
+++ b/src/routes/api/github/webhook.tsx
@@ -18,7 +18,7 @@ function verifyGitHubSignature(
 }
 
 export const Route = createFileRoute('/api/github/webhook')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       POST: async ({ request }: { request: Request }) => {
diff --git a/src/routes/api/mcp/$.ts b/src/routes/api/mcp/$.ts
index bb92d095e..9fe31aa81 100644
--- a/src/routes/api/mcp/$.ts
+++ b/src/routes/api/mcp/$.ts
@@ -2,7 +2,7 @@ import { createFileRoute } from '@tanstack/react-router'
 import { handleMcpRequest } from '~/mcp/transport'
 
 export const Route = createFileRoute('/api/mcp/$')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async ({ request }: { request: Request }) => handleMcpRequest(request),
diff --git a/src/routes/api/mcp/index.ts b/src/routes/api/mcp/index.ts
index 92b80cf2c..177ec6e31 100644
--- a/src/routes/api/mcp/index.ts
+++ b/src/routes/api/mcp/index.ts
@@ -2,7 +2,7 @@ import { createFileRoute } from '@tanstack/react-router'
 import { handleMcpRequest } from '~/mcp/transport'
 
 export const Route = createFileRoute('/api/mcp/')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async ({ request }: { request: Request }) =>
diff --git a/src/routes/api/uploadthing.ts b/src/routes/api/uploadthing.ts
index af86fd63b..c265f4f41 100644
--- a/src/routes/api/uploadthing.ts
+++ b/src/routes/api/uploadthing.ts
@@ -5,7 +5,7 @@ import { uploadRouter } from '~/server/uploadthing'
 const handlers = createRouteHandler({ router: uploadRouter })
 
 export const Route = createFileRoute('/api/uploadthing')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async ({ request }: { request: Request }) => handlers(request),
diff --git a/src/routes/auth/$provider/start.tsx b/src/routes/auth/$provider/start.tsx
index e1520ff40..db641573e 100644
--- a/src/routes/auth/$provider/start.tsx
+++ b/src/routes/auth/$provider/start.tsx
@@ -9,7 +9,7 @@ import {
 } from '~/auth/index.server'
 
 export const Route = createFileRoute('/auth/$provider/start')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async ({
diff --git a/src/routes/auth/signout.tsx b/src/routes/auth/signout.tsx
index c81c78838..d1a8b356a 100644
--- a/src/routes/auth/signout.tsx
+++ b/src/routes/auth/signout.tsx
@@ -2,7 +2,7 @@ import { createFileRoute } from '@tanstack/react-router'
 import { getSessionService, getUserRepository } from '~/auth/index.server'
 
 export const Route = createFileRoute('/auth/signout')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async ({ request }: { request: Request }) => {
diff --git a/src/routes/llms[.]txt.ts b/src/routes/llms[.]txt.ts
index f03c10913..972217a7b 100644
--- a/src/routes/llms[.]txt.ts
+++ b/src/routes/llms[.]txt.ts
@@ -9,7 +9,7 @@ import type { Library } from '~/libraries'
 import { partners, partnerCategoryLabels } from '~/utils/partners'
 
 export const Route = createFileRoute('/llms.txt')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async () => {
diff --git a/src/routes/rss[.]xml.ts b/src/routes/rss[.]xml.ts
index 585bd9fdc..fda597515 100644
--- a/src/routes/rss[.]xml.ts
+++ b/src/routes/rss[.]xml.ts
@@ -61,7 +61,7 @@ function generateRSSFeed() {
 }
 
 export const Route = createFileRoute('/rss.xml')({
-  // @ts-ignore server property not in route types yet
+  // @ts-expect-error server property not in route types yet
   server: {
     handlers: {
       GET: async () => {
diff --git a/src/routes/stats/npm/index.tsx b/src/routes/stats/npm/index.tsx
index 9cbca5c1a..f174c26a8 100644
--- a/src/routes/stats/npm/index.tsx
+++ b/src/routes/stats/npm/index.tsx
@@ -469,7 +469,9 @@ function Resizable({
   const startHeightRef = React.useRef<number>(height)
 
   const onHeightChangeRef = React.useRef(onHeightChange)
-  onHeightChangeRef.current = onHeightChange
+  React.useEffect(() => {
+    onHeightChangeRef.current = onHeightChange
+  })
 
   React.useEffect(() => {
     if (!dragEl) return
diff --git a/src/stores/userSettings.ts b/src/stores/userSettings.ts
index 4fce90660..dd39d702c 100644
--- a/src/stores/userSettings.ts
+++ b/src/stores/userSettings.ts
@@ -2,7 +2,7 @@ import { create } from 'zustand'
 
 export { useAdsPreference } from '~/hooks/useAdPreference'
 
-export type UserSettings = {}
+export type UserSettings = Record<string, unknown>
 
 type UserSettingsState = {
   settings: UserSettings
diff --git a/src/utils/activity.server.ts b/src/utils/activity.server.ts
index 291f00a1d..759a11546 100644
--- a/src/utils/activity.server.ts
+++ b/src/utils/activity.server.ts
@@ -59,7 +59,7 @@ export async function getUserStreak(userId: string): Promise<{
   let currentStreak = 0
   if (lastActiveDate === today || lastActiveDate === yesterday) {
     currentStreak = 1
-    let expectedDate = new Date(lastActiveDate)
+    const expectedDate = new Date(lastActiveDate)
 
     for (let i = 1; i < dates.length; i++) {
       expectedDate.setDate(expectedDate.getDate() - 1)
@@ -209,7 +209,7 @@ export async function getStreakLeaderboard(limit: number = 10): Promise<
     let currentStreak = 0
     if (lastActiveDate === today || lastActiveDate === yesterday) {
       currentStreak = 1
-      let expectedDate = new Date(lastActiveDate)
+      const expectedDate = new Date(lastActiveDate)
 
       for (let i = 1; i < dates.length; i++) {
         expectedDate.setDate(expectedDate.getDate() - 1)
diff --git a/src/utils/stats-admin.server.ts b/src/utils/stats-admin.server.ts
index 05876bd45..a027c444b 100644
--- a/src/utils/stats-admin.server.ts
+++ b/src/utils/stats-admin.server.ts
@@ -319,7 +319,7 @@ export const listNpmOrgStatsCache = createServerFn({ method: 'POST' }).handler(
           orgName: entry.orgName,
           totalDownloads: entry.totalDownloads,
           ratePerDay: totalRatePerDay > 0 ? totalRatePerDay : undefined,
-          packageStats: entry.packageStats as {},
+          packageStats: entry.packageStats as never,
           expiresAt: entry.expiresAt,
           createdAt: entry.createdAt,
           updatedAt: entry.updatedAt,