state-in-url

# state-in-url > A React hook library for storing typed, JSON-serializable state in URL query parameters. ~2 KB, zero runtime deps. Supports the Next.js App Router (14/15/16), React Router 6/7, Remix 2, and plain React. MIT licensed. Last updated: 2026-07-31. Canonical: <https://state-in-url.dev/llms.txt>. ## For AI coding agents — preferred path This package ships task-focused SKILL.md files via [@tanstack/intent](https://tanstack.com/intent/latest/docs/overview). If your agent supports Intent, that is the right surface to load instead of this file: ```bash # in the user's project, once npx @tanstack/intent@latest install # list skills available for installed libraries npx @tanstack/intent@latest list # load a specific skill into the current context npx @tanstack/intent@latest load state-in-url#feature-state-hook ``` Available skills (under `node_modules/state-in-url/skills/`): | Skill | Type | When to load | |---|---|---| | `feature-state-hook` | core | Defining state and wrapping `useUrlState` in a feature-scoped custom hook | | `input-handling` | core | Text inputs / sliders / fast-changing controls | | `nextjs-ssr` | framework | Next.js App Router: `searchParams` forwarding, Proxy for layouts | | `react-router-remix-setup` | framework | React Router v6/v7 or Remix v2 setup | | `form-library-integration` | composition | Pairing with `react-hook-form` (or formik) | | `shared-state-no-url` | core | `useSharedState` — cross-component state without URL sync | The rest […truncated]