Back to Router

TanStack Router - Navigation Blocking Example

examples/react/navigation-blocking/README.md

1.166.7722 B
Original Source

TanStack Router - Navigation Blocking Example

An example demonstrating navigation blocking and confirmation.

Start a new project based on this example

To start a new project based on this example, run:

sh
npx gitpick TanStack/router/tree/main/examples/react/navigation-blocking navigation-blocking

Getting Started

Install dependencies:

sh
pnpm install

Start the development server:

sh
pnpm dev

Build

Build for production:

sh
pnpm build

About This Example

This example demonstrates:

  • Navigation blocking
  • Unsaved changes detection
  • Navigation confirmation dialogs
  • Form protection
  • User experience patterns