---
title: "Migrate From React Router - Air Market"
description: "The two routers look similar until you start moving code, and then the small API differences bite. This walks the move from React Router v7 to TanStack Router step by step, naming what changes: how r…"
canonical: "https://airmarket.ai/app/migrate-from-react-router"
---

[Air Market](/) / [Developer Tools](/category/devtools) / Migrate From React Router

Skill by [TanStack](/@tanstack)

# Migrate From React Router

Port a v7 app over and learn where the APIs differ

## What this does

The two routers look similar until you start moving code, and then the small API differences bite. This walks the move from React Router v7 to TanStack Router step by step, naming what changes: how routes are declared, how search params and path params are read, what replaces Outlet, and how loaders and code splitting differ.

### Top 3 things it does for you

- Convert your route definitions across
- Swap useSearchParams for validated search params
- Rework Link and useNavigate calls

## Information

**Migrate From React Router at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [TanStack](/@tanstack) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 13 KB |
| Licence | MIT |
| Repository | [TanStack/router](https://github.com/TanStack/router/tree/179d9b9b5eec50dc7833b4e2ef91b735d34bbc07/packages/react-router/skills/lifecycle/migrate-from-react-router) |
| GitHub stars | 14,984 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Migrate From React Router and flagged nothing. AIR's verdict: **safe**.

**What Migrate From React Router's check was run against**

|  |  |
| --- | --- |
| Commit | 179d9b9b5eec50dc7833b4e2ef91b735d34bbc07 |
| Content hash | 8731f8f0d76eb7890181c0b748f8a32a9ce1c921af31d5c53722f1079eead961 |
| Files read | [Browse the files at this exact commit](https://github.com/TanStack/router/blob/179d9b9b5eec50dc7833b4e2ef91b735d34bbc07/packages/react-router/skills/lifecycle/migrate-from-react-router/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Migrate From React Router](/security/migrate-from-react-router)

## About Migrate From React Router

A step-by-step migration from React Router v7 to TanStack Router.

Covers converting route definitions, the Link and useNavigate API differences, moving from useSearchParams to validateSearch with useSearch, using useParams with from, what replaces Outlet, converting loaders, and how code splitting differs.

## What's inside

- SKILL.md - instructions

## Questions

### Is Migrate From React Router safe to install?

AIR scanned this exact version of Migrate From React Router and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 179d9b9b5eec, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/migrate-from-react-router.

### How do I install Migrate From React Router?

Open https://airmarket.ai/app/migrate-from-react-router on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/TanStack/router/tree/179d9b9b5eec50dc7833b4e2ef91b735d34bbc07/packages/react-router/skills/lifecycle/migrate-from-react-router. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by TanStack](/@tanstack)

---

Canonical URL: <https://airmarket.ai/app/migrate-from-react-router>