Unsaved Guard

component

Unsaved-changes guard: a root provider plus a useUnsavedGuard hook. Warns before reload, tab close and in-app link navigation, and returns a guard(proceed) to wrap programmatic navigation in a confirm dialog.

pnpm dlx shadcn@latest add "https://hirael.com/r/unsaved-guard.json"

Sign In

Unsaved Guard

component

Unsaved-changes guard: a root provider plus a useUnsavedGuard hook. Warns before reload, tab close and in-app link navigation, and returns a guard(proceed) to wrap programmatic navigation in a confirm dialog.

pnpm dlx shadcn@latest add "https://hirael.com/r/unsaved-guard.json"

confirm

components/unsaved-guard.tsx

confirm

components/unsaved-guard.tsx