fix: issue #10 + v1.1.2

Author: ndungtse

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>
   );
 };

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*"
   ]
-}
+}

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 };
 }