fix: issue ndungtse#10 + v1.1.2

zecka · Dec 28, 2023 · 2d4ed85 · 2d4ed85
1 parent 8f68b72
commit 2d4ed85
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/example/src/components/NavBar.tsx b/example/src/components/NavBar.tsx
@@ -14,6 +14,7 @@ const NavBar = () => {
       <button onClick={() => router.push('/button-link#34')}>ButtonLink</button>
       <Link href={'#'}>HashLink</Link>
       <Link href={'/contact/#44'}>HashLink1</Link>
+      <button onClick={() => router.replace('/about')}>Replace</button>
     </div>
   );
 };

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next13-progressbar",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A ProgressBar for next.js >=13 with app directory ",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -54,4 +54,4 @@
     "dist/**/*.mjs*",
     "dist/**/*.d*"
   ]
-}
+}
diff --git a/src/AppProgressBar.tsx b/src/AppProgressBar.tsx
@@ -166,5 +166,12 @@ export function useRouter() {
     return router.push(href, options);
   }
 
-  return { ...router, push };
+  function replace(href: string, options?: NavigateOptions) {
+    const targetUrl = new URL(href, location.href);
+    if (targetUrl.pathname === pathname) return Promise.resolve(true);
+    NProgress.start();
+    return router.replace(href, options);
+  }
+
+  return { ...router, push, replace };
 }