Link> Component in React

From the TanStack Router cheat sheet · Navigation & Links · verified Jul 2026

<Link> Component

Type-safe navigation with Link

typescript
import { Link } from '@tanstack/react-router'

<Link to="/about">About</Link>

<Link to="/posts/$postId" params={{ postId: '123' }}>
  View Post
</Link>

<Link
  to="/search"
  search={{ query: 'react', page: 1 }}
>
  Search
</Link>
💡 Fully type-safe to, params, and search
⚡ activeProps for styling active links
🔍 Automatic prefetching on hover
🎯 search function for merging params
linknavigationtype-safe

More React tasks

Back to the full TanStack Router cheat sheet