setup-tanstack-router

Installation
SKILL.md

TanStack Router Enforcement

Repo/code changes: run /deslop before commit, push, PR, or merge. Run /read-the-damn-docs before pinning current TanStack Router, Router Query, or route-tree APIs.

What This Catches

  • Ban react-router-dom imports
  • Ban window.location navigation (block) + reads (warn)
  • Warn window.location.reload() -- suggest router.invalidate()
  • Ban strict: false in router hooks
  • Ban untyped useParams()/useSearch()/useLoaderData()/useRouteContext() missing { from }
  • Ban URLSearchParams -- suggest nuqs
  • Warn exported components from route files (break code splitting)
  • Require validateSearch when useSearch in route files; .page.tsx may resolve it from sibling route file
  • Warn tested route pages using routeApi.useSearch({ select }); prefer useSearch({ from, select })
  • Warn when Query-primed loaders are consumed via useLoaderData instead of useQuery/useSuspenseQuery
  • Warn when router uses queryClient context without defaultPreloadStaleTime: 0
  • Warn when router uses queryClient context without createRootRouteWithContext
Installs
12
GitHub Stars
3
First Seen
Mar 25, 2026
setup-tanstack-router — malinskibeniamin/skills