@tanstack/react-router 0.0.1-beta.76 → 0.0.1-beta.79

package/src/index.tsx

@@ -719,29 +719,26 @@ export function ErrorComponent({ error }: { error: any }) {
   )
 }
 
-// TODO: While we migrate away from the history package, these need to be disabled
-// export function usePrompt(message: string, when: boolean | any): void {
-//   const router = useRouter()
-
-//   React.useEffect(() => {
-//     if (!when) return
-
-//     let unblock = router.getHistory().block((transition) => {
-//       if (window.confirm(message)) {
-//         unblock()
-//         transition.retry()
-//       } else {
-//         router.setStore((s) => {
-//           s.currentLocation.pathname = window.location.pathname
-//         })
-//       }
-//     })
-
-//     return unblock
-//   }, [when, message])
-// }
-
-// export function Prompt({ message, when, children }: PromptProps) {
-//   usePrompt(message, when ?? true)
-//   return (children ?? null) as ReactNode
-// }
+export function useBlocker(message: string, when: boolean | any = true): void {
+  const router = useRouter()
+
+  React.useEffect(() => {
+    if (!when) return
+
+    let unblock = router.history.block((retry, cancel) => {
+      if (window.confirm(message)) {
+        unblock()
+        retry()
+      } else {
+        cancel()
+      }
+    })
+
+    return unblock
+  })
+}
+
+export function Block({ message, when, children }: PromptProps) {
+  useBlocker(message, when)
+  return (children ?? null) as ReactNode
+}