Merge pull request #31 from Shadowh4k/fix/router-transition

fix when using router if the browser doesn't support view transitions
shuding · Sep 22, 2024 · 6195aed · 6195aed
2 parents c2ddb1e + 686ea76
commit 6195aed
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/use-transition-router.ts b/src/use-transition-router.ts
@@ -22,20 +22,25 @@ export function useTransitionRouter() {
   const finishViewTransition = useSetFinishViewTransition()
 
   const triggerTransition = useCallback((cb: () => void, { onTransitionReady }: TransitionOptions = {}) => {
-    // @ts-ignore
-    const transition = document.startViewTransition(
-      () =>
-        new Promise<void>((resolve) => {
-          startTransition(() => {
-            cb();
-            finishViewTransition(() => resolve)
+    if ('startViewTransition' in document) {
+      // @ts-ignore
+      const transition = document.startViewTransition(
+        () =>
+          new Promise<void>((resolve) => {
+            startTransition(() => {
+              cb();
+              finishViewTransition(() => resolve)
+            })
           })
-        })
-    )
+      )
 
-    if (onTransitionReady) {
-      transition.ready.then(onTransitionReady);
+        if (onTransitionReady) {
+          transition.ready.then(onTransitionReady);
+        }
     }
+     else {
+        return cb()
+      }
   }, [])
 
   const push = useCallback((